React Native 干货

笔记 - 基础篇 :

1. 配置React Native的开发环境
2. React Native常用组件之View
3. 你必须要会点FlexBox布局
4. React Native常用组件之Text
5. React Native常用组件之Image
6. React Native常用组件之TextInput
7. React Native之常用Touchable系列组件

笔记 - 进阶

1. React Native组件生命周期
2. React Native常用组件之ScrollView
3. React Native常用组件-RefreshContorl
4. React Native常用组件之ListView
5. React Native常用组件之TabBarIOS和TabBarIOS.Item组件
   对比react-navigation : https://reactnavigation.org/docs/intro/
6. React Native常用组件之Navigator和NavigatorIOS
7. React Native之组件请求网络数据

工具：

1. android 模拟器 genymotion下载地址https://www.genymotion.com/download,另附Android studio彻底删除方式(命令行删除,主要删除其SDK): http://www.jianshu.com/p/eb66c5132743

小知识 :

1. 字符串拼接 :
   错误示例 : <Image style={styles.intentionLevel} source={require(‘./img/customerLevel_’ + {rowData.intentionLevel} + ‘.png’)} />
   正确示例：<Image style={styles.intentionLevel} source={require(‘./img/customerLevel_’ + rowData.intentionLevel + ‘.png’)} />

踩的那些坑 :

1. RN用require添加图片时报错: Unknown named module, require中的图片文件名，必须是静态，在编译之前就确定下来的, 不能用字符串拼接获取图片
2. ES6中需要手动bind this带来写法的不一样http://www.jianshu.com/p/bb194863ec0c

另附：

1. React native中文文档
2. ECMAScript和JavaScript区别和运行原理解析