尝试搭建一个react-native快速开发框架

目录结构

├── src // ReactNative主要文件
│ ├── base // app基础模块
│ │ ├── Api // 可将项目网络请求接口都写在此处
│ │ ├── Config // app配置项
│ │ ├── Constant // 放置一些常量
│ │ ├── Global // 为节省导入,可将一些全局变量放在此处
│ ├── components // 通用组件
│ ├── page // 所有的StackNavigator注册页面或者Tab页面
│ ├── res // 资源文件。模仿android R文件统一引用
│ │ ├── image // 图片资源
│ │ ├── json // JSON文件
│ │ └── index.js // 统一管理
│ ├── store.js // 将所有存储状态的文件放此处
│ ├── utils.js // 工具类
│ └── AppNav.js // 路由导航配置项

主要第三方库

• 数据管理 mobx
• 路由导航 react-navigation
• 主要UI框架 teasetreact-native-spinkit
• 启动页 react-native-splash-screen
• 缓存清理 react-native-http-cache
• 设备信息 react-native-device-info

功能集合

• 启动页
• react-navigation封装
• 通讯录示例
• 二维码扫描
• 简单的网络图片占位图，错误图处理
• 购物车示例(包含动画效果)
• 缓存清理
• code-push 热更新
• bugly集成
• 自定义原生UI的简单示例(ios使用swift混编)
• 极光消息推送(ios待测试)
• 微信支付宝支付
• 第三方分享,登录(待测试)
• Android App自更新