笔记 - 基础篇 :
- 配置React Native的开发环境
- React Native常用组件之View
- 你必须要会点FlexBox布局
- React Native常用组件之Text
- React Native常用组件之Image
- React Native常用组件之TextInput
- React Native之常用Touchable系列组件
笔记 - 进阶
- React Native组件生命周期
- React Native常用组件之ScrollView
- React Native常用组件-RefreshContorl
- React Native常用组件之ListView
-
React Native常用组件之TabBarIOS和TabBarIOS.Item组件
对比react-navigation : https://reactnavigation.org/docs/intro/ - React Native常用组件之Navigator和NavigatorIOS
- React Native之组件请求网络数据
工具:
- android 模拟器 genymotion下载地址https://www.genymotion.com/download,另附Android studio彻底删除方式(命令行删除,主要删除其SDK): http://www.jianshu.com/p/eb66c5132743
小知识 :
- 字符串拼接 :
错误示例 :<Image style={styles.intentionLevel} source={require(‘./img/customerLevel_’ + {rowData.intentionLevel} + ‘.png’)} />
正确示例:<Image style={styles.intentionLevel} source={require(‘./img/customerLevel_’ + rowData.intentionLevel + ‘.png’)} />
踩的那些坑 :
- RN用require添加图片时报错: Unknown named module, require中的图片文件名,必须是静态,在编译之前就确定下来的, 不能用字符串拼接获取图片
- ES6中需要手动bind this带来写法的不一样http://www.jianshu.com/p/bb194863ec0c