React NativeでMultidexの設定

2020-05-11 hit count image

React NaitveのプロジェクトのアンドロイドへMultidexを設定する方法について説明します。

概要

React Nativeでアプリを開発する時、下記のようなエラーが発生する場合があります。

Cannot fit requested classes in single dex file

この問題を解決するためReact NativeプロジェクトへMultidexを設定する必要があります。このブログポストで、React NativeプロジェクトへMultidexを設定する方法について説明します。

Gradle修正

React NativeプロジェクトのアンドロイドへMultidexを設定するため、android/app/build.gradleファイルを開いて下記のように修正します。

android {
    defaultConfig {
        ...
        versionName "1.0"
        multiDexEnabled true
    }
    ...
}

dependencies {
  def multidex_version = "2.0.1"
  implementation 'androidx.multidex:multidex:$multidex_version'
}

Javaファイル修正

上のようにGradleファイルを修正したら、MainApplication.javaファイルを開いて下記のように修正します。

import androidx.multidex.MultiDexApplication;

public class MainApplication extends MultiDexApplication implements ReactApplication {
  ...
}

完了

これでReact NativeへMultidexを設定する方法について確認しました。このように設定をした後、下記のコマンドでアンドロイドを実行すると問題なく実行されることが確認できます。

npm run android

このブログポストがReact Nativeでアンドロイドプロジェクトを進めている方へ少しでも役に立ったら嬉しいです。

私のブログが役に立ちましたか?下にコメントを残してください。それは私にとって大きな大きな力になります!

Posts