「React & React Native入門者向けハンズオン#3」に参加してきました

勉強会メモ

ReactNative

概要

  • xxx.ios.js, xxx.android.jsとつけるとそれぞれOSに応じたファイルが読み込まれる
  • 共通のとこは.jsそうでなければ.ios.jsとかするといいのか？
  • flexは比率だからいろんなデバイスに対応しやすい
  • スクロールはデフォルトではしない
    • ScrollViewを使う
  • Enable Hot Reloadingすると入力内容を維持したままオートリロードされるようになる
  • Enable Live Reloadは変更があると勝手にリロードされるけど入力内容は消える(cmd+rを代わりに押してくれてるのと同じ)
  • Listを作りたい時はFlatListを使う
    • ループしてとか自分でやんなくても勝手にやってくれる
    • スクロールもつくようにしてくれる
    • FlatListは各オブジェクトはkeyを持たないといけない
  • アニメーションを簡単にできる
  • 親のステートを変更する関数をpropsとして子に渡すのはよくやる
  • 課題の回答例
  • https://github.com/YutamaKotaro/slides/blob/master/native/main.js