17zwd App 2017

基于 React Native 开发的 17App.

技术栈

• React Native | 中文网
• Redux | 中文文档
• Typescript | 中文文档
• React Navigation
• Native Base
• Immutable

开发环境要求

• React Native
• Typescript
• Xcode 8.3 +
• 推荐工具
  • Yarn

项目初始化

1. 克隆仓库

   $ git clone https://github.com/AMIBAFE/zwdapp.git
   

2. 安装依赖模块 ( 使用Yarn安装 | 推荐 )

   $ cd zwdapp 
   $ yarn install           
   

   使用 npm 安装依赖模块

   $ cd zwdapp
   $ npm install  
   

开发调试

编译业务层代码

$ ./app debug src

该命令会对 src 层代码进行 TS 实时编译. 命令行提示 'Compilation complete. Watching for file changes.'

IOS

工具 Xcode

• 通过 Xcode 启动 (推荐)

  • 打开项目 > 引入项目目录中的 zwdapp/ios/zwdapp.xcodeproj 文件

  • ▶︎ 运行模拟器

• 通过命令行启动

    $ npm start
    $ react-native run-ios
  

• 使用 React Native Debugger 进行调试

    $ npm run rnd
    $ react-native run-ios	
  

Android

• 通过命令行启动

    $ npm start
    $ react-native run-android
  

• 使用 React Native Debugger 进行调试

    $ npm run rnd
    $ react-native run-android	
  

命令帮助手册

目录结构

17App 项目目录结构

.
├── android                    
├── devtools                    # 开发者命令行工具
├── dist                        # src层代码编译产出路径
├── doc                         # 项目文档
├── framework			# 框架层
├── ios                         
├── node_modules		# 依赖模块
├── src 		        # 业务层
├── typings                     # 自定义类型声明文件(d.ts)
├── index.android.js            # 安卓入口
├── index.ios.js                # ios入口
├── package.json                # 包配置文件
├── tslint.json                 # tslint配置
├── README.md                   
└── ...   

开发规范

17App 开发规范

• 命名与编码规范
• 自定义图标

开发手册 - API

常见问题

传送门

• 安装|更新依赖模块之后编译失败
• ../react-native/scripts/react-native-xcode.sh: No such file or directory
• 'native-base'组件使用提示类型错误
• Cannot read property 'RNFSFileTypeRegular' of undefined
• Type Error: Network request failed
• 接口修改无法更新
• 自定义图标库更新
• Cannot read resolve | find module "summer"
• 依赖模块类型声明 | ./app generate 指令失败相关
• ...

若问题列表或 ISSUES 无法解决你的问题, 请将问题描述添加到 ISSUES 或联系相关开发人员