简体中文 | 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
• 邮箱注册

待开发

• 更新到最新版本0.67.3
• 多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") // 注册页面用户名空时提示语