React Navigationを使ったアプリをビルドする

 

npx expo startするだけなら、依存するライブラリは不要だが、

ビルドするとなると以下のように、依存するライブラリのインストールと、babel.config.jsの修正・追加が必要です。

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin']
  };
};
 

 

npx expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

 

React Nativeそのものを使用しているなら、react-native-screensを使用した際に、いろいろなファイルの設定が必要であるが、Expoの場合は不要である。

 

それでも、ライブラリのバージョンの組み合わせがよくない場合があり、その際は、

npx expo install --fix とする。

 

これらがうまく行ってないと、easビルドはすべてうまくいってるのに、いざあぷりを立ち上げると、クラッシュするということが起こってしまいます。