react-native 快速业务框架

相甫
443 阅读2分钟

react-native-app-pro

  • react-native 快速业务框架

项目目录结构

__tests__      rn目录
.bundle        rn目录
.vscode        vscode配置目录
android       安卓目录
ios           ios目录
bin           脚本目录
js            业务目录
  - api            接口请求
  - common         公共组件
  - config         基础配置
  - images         图片
  - pages          页面
  - index.js       入口
  - router.js      路由
  如果下载的其他分支，可能有 mobx 或者 redux 文件夹

依赖环境

官网 0.68 版本依赖的基础环境，值得注意的是 jdk 要 11 以上 其他环境参考 0.68 版本的官网 node v14.18.2 建议 14 以上 jdk v11.0.13 必须 11 以上

启动项目

  1. 下载依赖
yarn
cd ios && pod install

  1. 复制 iconfont，因为用了字体图标 将 js/common/icons/iconfont 里面的 iconfont.ttf 文件复制到 node_modules/react-native-vector-icons/Fonts 文件夹下面, 后续更换自己的字体图标库，请看 js/common/icons/README.md

    或者直接执行

    npm run init

    这个命令会帮你复制 iconfont.ttf

  2. 启动

ios启动
react-native run-ios
如果报错打开xcode看详细报错，一般都是环境不匹配导致

安卓启动
react-native run-android
如果报错
error Failed to install the app. Make sure you have the Android development environment
打开Android Studio编译一下
  1. 项目的分支说明
master 从react-navigation-4.x合并，(后续可能不会更新)
test   自己测试的分支，用来研究新的东西
react-navigation-4.x  业务框架 (目前主要更新分支)
react-navigation-4.x-mobx 业务框架 (目前主要更新分支)
react-navigation-4.x-redux 业务框架 (目前主要更新分支)
react-navigation-4.x-redux-immutable 业务框架 (目前主要更新分支)
  1. 如果想基于本仓库快速生成自己的业务框架项目，自定义项目名，修改相关项目名称，请用仓库@jswangtao/react-native-cli,可以快速生成自己的 react-native 业务框架项目，并使用到本项目的基础代码
avatar
文章
阅读
粉丝