react-native出现UnsupportedOperationException("In case of TurboModules, createNativeModules is not supported. NativeModuleRegistry should instead use getModuleList or getModule method")的解决方案

报错的原因

这个错误是由于 React Native 中使用了 TurboModules，而在 Java 中没有支持 TurboModules 的方法导致的。TurboModules 是 React Native 用来提升性能的模块，在 Java 中并没有对应的实现。因此，在调用 Java 代码时会出现这个错误。

如何解决

解决这个问题的方法是在 Java 中禁用 TurboModules。这可以通过在 ReactApplication 中设置 useTurboModules 为 false 来实现。如下面这个例子：

class MyApplication extends ReactApplication {
    @Override
    protected List getPackages() {
        return Arrays.asList(
            new MainReactPackage(),
            new MyReactPackage()
        );
    }

    @Override
    public boolean getUseDeveloperSupport() {
        return BuildConfig.DEBUG;
    }

    @Override
    public void onCreate() {
        super.onCreate();
        SoLoader.init(this, /* native exopackage */ false);
        useTurboModules = false;
    }
}

也可以在ReactNativeHost中设置

    @Override
    protected ReactNativeHost getReactNativeHost() {
        return new ReactNativeHost(this) {
            @Override
            public boolean getUseDeveloperSupport() {
                return BuildConfig.DEBUG;
            }
            @Override
            protected boolean getUseTurboModules() {
                return false;
            }
            ...
        }
    }

这样 Java 代码就不会再使用 TurboModules，问题就应该能够得到解决。

使用例子

这是一个简单的例子，如果你使用的是 React Native CLI，那么你需要在 MainApplication.java 文件中添加以下代码：

import com.facebook.react.ReactApplication;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;

import java.util.Arrays;
import java.util.List;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost =
      new ReactNativeHost(this) {
        @Override
        public boolean getUseDeveloperSupport() {
          return BuildConfig.DEBUG;
        }

        @Override
        protected List getPackages() {
          return Arrays.asList(
              new MainReactPackage(),
              // add your own packages here
          );
        }

        @Override
        protected boolean getUseTurboModules() {
          return false;
        }
      };

  @Override
  public ReactNativeHost getReactNativeHost() {
    return mReactNativeHost;
  }
}

这里我们在 ReactNativeHost 中重写了 getUseTurboModules() 方法并返回 false。这将禁用 TurboModules，避免了出现上面提到的错误。

如果你使用的是其它的工具链，那么你需要在对应的地方添加相应的代码以禁用 TurboModules。