react nativeでは基本的なhtmlタグは使えない
コンポーネントをimportして使う
よく使うコンポーネント
react nativeのコンポーネントにはflex,flex-directon:colmnsがついている
ので大枠のcssにはflex:1,items-center,justify-centerを使う必要がある。
width,heightもあまり使わずflex-boxでつけたほうがいいらしい？
react-nativeでscroll使用
FlatListを使う
data={array}
renderItem={({ item }) =>
keyExtractor={(item) => item.id
- dataには表示する配列
- renderItemでは指定した配列を展開して表示するItemを決める（直接も書けそうだけ ど気毒性的にcomponentに渡して取得したほうが良さそう）
- keyExtractorには展開されたitemのkeyを指定（stringでなければいけない）
react-nativeで画面遷移
下記ライブラリが必要になります
凄くわかりやすいので下記で実装できます
参考サイト
