React Native 大纲

项目搭建

• 项目创建
• 文件 - package.json
• npm start/install

基本原理

• 模板语言
• 代码编码
  • 开发代码
  • 打包代码
• package 打包

编程

• 库
  • react
  • react-native
  • 其他库 - react-shenma-common - uuid
• 模块 module
  • export
    • default
    • 单个导出
    • 多个导出
  • import
    • as
    • 多个
• 数据类型
  • 基本数据类型
  • 协议、接口 interface
    • 基本数据类型声明
    • 集合
    • function 声明
• 类
  • 类声明
  • 对象创建
  • 与 Object 区别
  • 组件
• 控件
  • 创建控件对象
    • 单双 <>
    • 创建控件时机、写法
  • 控件继承 extends
  • function
    • func
    • this 问题
    • bind(this)
    • 箭头函数
  • 状态 state
    • 状态更新
  • 属性 props - PropTypes - 控件属性声明 - 属性赋值(创建时) - 属性值获取 - 控件属性继承 - 属性更新 - 默认属性
    • 状态与属性差异
    • CSS
    • 控件声明周期
      • 构造
      • receiveProps
      • componentWillMount
      • render
      • componentDidMount
    • 控件对象
      • 引用

布局

• flex
• flexDirection
  • row
  • clomn
• justifyContent
  • flex-start
  • flex-end
  • center
• alignItem
  • flex-start
  • flex-end
  • center
• alignSelf
• position

未完待续