Nativeに触れたらとても進歩していた(1/2)の続きです。Nativeで動かしてみました。アプリは下の画像のようなスマフォとジャンケンができるアプリです。画面はジャンケンの記録と成績をタブ・バーで切り替えて表示できます。アプリが動くまで3年前のアプリはコンパイルエラーになりました、主な原因はListViewとTabBarIOSコンポーネントが無くなっている事でした。ListViewListViewは同等のFlatListがあり、置き換える事ができました。Reactではリストのように同一コンポーネントが並ぶ場合はkey属性を指定しないといけません。FlatListでは子コンポーネントにkey属性を指定するのではなく、keyExtractorにkeyの値を作る無名関数を指定する必要がありました。NavigationのcreateBottomTabNavigatorに置き換える事になりました。この部分は大枠で以下のようになります。Routerに似ていますね。Navigationは独自に状態を管理しているようです。Navigationを使うには以下をインストールする必要があります。react-native-screensreact-native-screensはコードからはimportされていませんがインストールしないエラーになってしまいます。Nativeではブラウザー上でも実行できます。console.log()が使えたりstyleの調整もしやすいので、開発の最初の段階ではブラウザーで開発・デバックを行うことで開発がかなりはかどります。Nativeに触れたらとても進歩していた。