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

未完待續