RNExample icon indicating copy to clipboard operation
RNExample copied to clipboard

一个基于mobx、react-navigation、teaset的react-native框架

尝试搭建一个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               // 路由导航配置项

主要第三方库

功能集合

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