微前端架构如何改变企业的开发模式与效率提升
869
2022-10-25
一个基于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 // 路由导航配置项
主要第三方库
数据管理 mobx路由导航 react-navigation主要UI框架 teaset react-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自更新
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~