react native 实战（一）

背景

这个文章的系列会讲项目的架构、遇到的一些坑、开发RN的小技巧、还有一些实用的三方库。（关于搭建和打包的可先看我之前写的文章here）

项目架构

 |-- js
      |-- assets    //静态资源
      |-- components //可复用组件
      |-- models  //页面数据模型
      |-- navigation //路由相关
      |   |-- Menu.js
      |   |-- Screens.js
      |-- screens //页面
      |-- styles //公共样式
      |-- utils 
          |-- config.js //管理api
          |-- constant.js 
          |-- ext.js
          |-- http.js //网络请求
          |-- tools.js

三方库

比较推荐的两个UI 库

• React Native Elements
• React-Native-Paper

实用动画库

• React-Native-Animatable
• Lottie-React-Native

视频库

• React-Native-Video
• React-Native-Nodemediaclient （可用于直播实时拉流推流）

Toast、Modal..

• React-Native-Smart-Tip

路由导航

• React-Navigation

相机、扫码

• React-Native-Camera

网络请求

• RN-Fetch-Blob (这个库封装了好多常用的api，如文件上传、下载、表单提交等...)
• 自己简单封装的fetch

APP检测更新

可以使用react-native-xupdate-new快速实现，也可以使用 RN-Fetch-Blob 根据自己的需求实现。

要注意的是android的版本号更改在 android/app/build.gradle > defaultConfig > versionCode