简体中文 | English
项目目的
1.探索新版本RN特性；
2.集成各类组件并实验，造自己的轮子！
3.锻炼自己的架构能力并持续编码和代码优化。
欢迎加入我们：
QQ群：783071253
邮箱：[email protected]
当前RN版本：0.66.4
下载（Android）
Firim : http://d.firim.top/25th
测试账号
用户名：test
密码：test
项目后台
基于Koa2 + Typescript 打造高可用的NodeJS后台
地址：https://github.com/supervons/ExploreKoa
功能
| 功能名称 | 简述 | 使用组件名称及版本 |
|---|---|---|
| 图片选择 | 选择相册中的图片，亦或进行拍照 | [email protected] |
| 扫一扫 | 扫一扫二维码，获取二维码中的信息 | [email protected] |
| 换肤 | 更换系统导航头部及按钮颜色 | [email protected] |
| UI库 | 整体UI库 | [email protected] |
| Redux全家桶 | redux及中间件的使用 | [email protected] [email protected] [email protected] [email protected] |
| 网络请求 | 统一封装网络请求 | [email protected] |
| 基于hook重写 | 基于hook重写class页面 | [email protected] |
| 骨架屏 | 提升列表、页面浏览体验 | [email protected] |
| 国际化 | app语言切换，随本地系统设置 | [email protected] + [email protected] |
| 组件可拖拽 | 组件元素随触摸拖拽移动位置 | [email protected] |
已开发
- 换肤
- 骨架屏
- 多语言支持
- 莫兰迪色卡
- 组件可拖拽支持
- 完善的预览页面
- 使用新KOA搭建后端
- 更好的动画Lottie
- 邮箱注册
待开发
- 多bundle支持
- Typescript
- 邮箱找回密码
- 头像更换及头像历史记录 - 50%
- 地图集成
- 推送集成
预览
动态tab-bar
骨架屏
组件可拖拽
I18国际化
主题换肤
莫兰迪色卡
项目结构
|-- android // android 目录
|-- ios // iOS 目录
|-- src // 项目文件夹
| |-- actions // 接口相关目录
| |-- common // 通用配置常量目录
| |-- components // 系统级组件目录
| |-- hook // 自定义hook目录
| |-- redux // redux相关目录
| | |-- action
| | |-- reducer
| | |-- store
| |-- resource // 资源目录
| |-- routers // 路由导航目录
| |-- screens // 系统页面目录
| |-- styles // 系统通用样式目录
| |-- utils // 系统工具目录
|-- App.js // 入口文件
|-- buildAndroid.sh // android打包脚本
|-- package.json // 这个就不用说了
|-- package-lock.json // 同上
|-- .prettierrc // prettierrc 代码格式化目录
安装依赖
npm install
# 如果是 iOS 则需要执行以下操作，确保网络畅通
cd ios && pod install 运行
android:
- react-native run-android
- runAndroid.sh
ios:
- Xcode选择AwesomeProject.xcworkspace启动
设置服务端URL
src/common/constants.js 中设置 serverUrl
国际化语言设置
/src/common/languages.js 中设置支持的语言，目前支持 CN、EN
对应在 /src/common/cn.js、/src/common/en.js 设置相关语言包
页面使用：
I18n.t("Register.userEmptyToast") // 注册页面用户名空时提示语