React Native Expo で動的モジュールのインポートを実装する

Question

React Native Expo アプリ (Expo Go アプリ内で実行されている) が現在 import/from

import Foo, {Bar} from "foo";

これを、hello === "world" の場合など、特定の条件が満たされた場合にのみインポートする動的インポートに変換するにはどうすればよいですか?

次の操作を行うと、アプリケーションがエラー 非標準 C 例外 でクラッシュします。

if (hello === "world") {
    import Foo, {Bar} from "foo";
}

次の回避策を試しましたが、依然として 非標準 C 例外 によるクラッシュが発生します:

if (hello === "world") {
    const Foo = import('foo')
    const Bar = Foo.Bar
}

Answer 1

import() 関数を使用すると、モジュールを非同期的にロードできます。以下に例を示します:

リーリー

このコードでは、import() 関数はモジュール オブジェクトに解決される Promise を返します。モジュール オブジェクトのデフォルト プロパティは Foo 変数に割り当てられ、モジュール オブジェクトの Bar プロパティは Bar 変数に割り当てられます。

import() 関数は非同期であるため、インポートされたモジュールに依存するコードはすべて then() コールバック関数に配置する必要があることに注意してください。さらに、インポートされたモジュールに依存するコードは、モジュールがロードされた後にのみ実行されるようにする必要があります。