Skip to content

wx的react-native脚手架,自动集成mobx,react-navigation,完成fetch封装,全局loading,全局toast

Notifications You must be signed in to change notification settings

XingXiaoWu/react-native-template-wx

Repository files navigation

react-native-template-wx

介绍

使用本脚手架生成的项目,将自动集成如下东西

1.react-navigation 3.x版本,并写好了路由的示例代码

2.mobx 5.x版本

3.fetch工具类 写好了get,post,postFrom,支持超时

4.全局Toast 不用写Toast组件,直接使用类方法即可调用

5.全局Loading 不用写Loading组件,直接使用类方法即可调用,iOS上使用的是'MBProgressHUD', '~> 1.1.0'"

6.rn-fetch-blob 用于下载,写好了一个下载bundle的方法

7.iOS原生工程做了改动 支持不同rn分开打包加载,并可以通过fetch-blob下载(意思就是可以把bundle放在服务端,直接下载加载在打包好的ipa包,可以理解为一个简约的热更新)

8.新增Echart组件

预备工作

安装好 node,react-native-cli,cocoapods,xcode,Android Studio

使用方法

新建项目

1.新建项目

react-native init 项目名 --template wx

2.新建的项目中会有个scripts.json,请将里面的命令复制到package.json的scripts代码块中

3.执行命令

cd 项目根目录下
npm run init

iOS

两种方式

1.

进入项目中的ios文件夹下

双击workspace,即可运行

2.

cd 项目根目录

react-native run-ios

Android

两种方式

1.

使用Android Studio打开android文件夹下的项目,等待build完毕运行

2.

cd 项目根目录

react-native run-android

TODO

  1. 调研res资源文件是否可以多路径/多源
  2. 编写脚本:拷贝package.json到Android项目中并移除项目名

About

wx的react-native脚手架,自动集成mobx,react-navigation,完成fetch封装,全局loading,全局toast

Resources

Stars

Watchers

Forks

Packages

No packages published