【PlantAPP】README

Plant🌳APP

该项目是基于React Native(expo)+JS / TS的植物售卖展示APP

  • 🌿项目UI画板地址:

    • 链接: https://pan.baidu.com/s/116G04QXzg7ulV0uwTI8VGQ 密码: in2u
    • 获取更多UI请访问网站: https://dribbble.com
  • ❓展示图片加载不出来请刷新或点击
    在这里插入图片描述

目录介绍

. /

  • appJS:expo init appJS blank的JS初始项目
  • appTS:expo init appTSblank(TypeScript) 的TS初始项目
  • PlantAppJS:Plant APP的JavaScript项目
  • PlantAppTS:Plant APP的TypeScript项目

PlantAppJS || PlantAppTS

  • assets resources of splash icons images
  • components 工具组件主题样式预定义封装 🔧 README
    • Badge 图标样式(用于Browse页面的图标)
    • Block 样式预定义(用于优化RN的原生组件样式)
    • Button 按钮样式
    • Card 卡片块,Block的预定义(用于Browse页面的图标卡片)
    • Divider 隔板样式
    • Input 输入框样式
    • Switch 开关组件
    • Text 文字样式
  • constants 数据常量包裹层
    • mocks 模拟mocks的api数据引入(手动编造数据)
    • theme 主题样式
  • navigation 顶部导航栏 路由配置
  • screens 页面组件
    • Browse 种类展示页面
    • Explore 商品展示页面
    • Forgot 忘记密码
    • Login 登陆
    • Product 商品具体展示
    • Settings 用户设置
    • Signup 注册
    • Welcome 首屏页面
  • App 入口文件 异步缓存静态资源

Install向导

  • clone加速
git clone https://github.com.cnpmjs.org/SiriusZHT/PlantApp.git 
  • install dependencies
cd PlantAppTS && yarn 
  • run
yarn run ios
  • 🕷前提是您提前安装了expo-cli工具 npm install --global expo-cli

  • ⚠️本项目由于React Native兼容性原因暂不支持Android;web端可能会有兼容问题。

posted @ 2021-02-17 17:55  嗨Sirius  阅读(119)  评论(0编辑  收藏  举报