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区别和运行原理解析
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容