React Native Android 崩溃：ReactNativeReanimated

Question

React Native Android 崩溃：ReactNativeReanimated

3

你好，我在运行 React Native 0.63.4 应用时遇到了一些崩溃问题。

以下是我的崩溃错误信息：

E/ReactNativeJNI: logMarker CREATE_REACT_CONTEXT_END
E/unknown:ReactNative: ReactInstanceManager.createReactContext: mJSIModulePackage not null
E/AndroidRuntime: FATAL EXCEPTION: create_react_context
    Process: com.apps, PID: 20635
    java.lang.AssertionError: Could not find module with name ReanimatedModule
        at com.facebook.infer.annotation.Assertions.assertNotNull(Assertions.java:35)
        at com.facebook.react.bridge.NativeModuleRegistry.getModule(NativeModuleRegistry.java:148)
        at com.facebook.react.bridge.CatalystInstanceImpl.getNativeModule(CatalystInstanceImpl.java:596)
        at com.facebook.react.bridge.CatalystInstanceImpl.getNativeModule(CatalystInstanceImpl.java:566)
        at com.facebook.react.bridge.ReactContext.getNativeModule(ReactContext.java:165)
        at com.swmansion.reanimated.ReanimatedJSIModulePackage.getJSIModules(ReanimatedJSIModulePackage.java:17)
        at com.facebook.react.ReactInstanceManager.createReactContext(ReactInstanceManager.java:1256)
        at com.facebook.react.ReactInstanceManager.access$1100(ReactInstanceManager.java:131)
        at com.facebook.react.ReactInstanceManager$5.run(ReactInstanceManager.java:1016)
        at java.lang.Thread.run(Thread.java:764)

这是我的 package.json 文件

{
  "name": "Apps",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "axios": "^0.19.0",
    "core-js": "^3.3.5",
    "lodash": "4.17.15",
    "moment": "2.24.0",
    "phoenix": "^1.4.10",
    "phoenix-channels": "^1.0.0",
    "querystring": "^0.2.0",
    "react": "16.13.1",
    "react-native": "0.63.4",
    "react-native-countdown-component": "2.5.2",
    "react-native-datepicker": "1.7.2",
    "react-native-device-info": "^8.0.1",
    "react-native-elements": "^1.2.7",
    "react-native-fbsdk": "^3.0.0",
    "react-native-gesture-handler": "^1.10.2",
    "react-native-google-places-autocomplete": "1.3.9",
    "react-native-google-signin": "1.2.3",
    "react-native-htmlview": "0.15.0",
    "react-native-image-picker": "0.28.0",
    "react-native-image-zoom-viewer": "2.2.26",
    "react-native-insider": "^4.1.1",
    "react-native-maps": "0.24.2",
    "react-native-number-stepper": "0.0.2",
    "react-native-onesignal": "^3.6.0",
    "react-native-reanimated": "^2.0.0-rc.3",
    "react-native-router-flux": "^4.2.0",
    "react-native-screens": "^2.18.1",
    "react-native-share": "^1.2.1",
    "react-native-star-rating": "1.1.0",
    "react-native-url-preview": "^1.1.4",
    "react-native-vector-icons": "6.6.0",
    "react-native-version-check": "^3.3.1",
    "react-native-view-more-text": "2.1.0",
    "react-native-webview": "^10.3.2",
    "recyclerlistview": "^2.0.12"
  },
  "devDependencies": {
    "@babel/core": "^7.13.1",
    "@babel/runtime": "^7.13.6",
    "@react-native-community/eslint-config": "^2.0.0",
    "babel-jest": "^26.6.3",
    "eslint": "^7.20.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "^0.65.1",
    "react-test-renderer": "16.13.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

这是我的MainApplication.java文件

package com.apps;

import android.app.Application;

import com.facebook.react.ReactApplication;
import com.learnium.RNDeviceInfo.RNDeviceInfo;
import com.geektime.rnonesignalandroid.ReactNativeOneSignalPackage;
import cl.json.RNSharePackage;
import com.imagepicker.ImagePickerPackage;
import com.oblador.vectoricons.VectorIconsPackage;
import co.apptailor.googlesignin.RNGoogleSigninPackage;
import com.facebook.reactnative.androidsdk.FBSDKPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;
import com.facebook.CallbackManager;
import com.facebook.FacebookSdk;
import com.facebook.react.bridge.JSIModulePackage;
import com.swmansion.reanimated.ReanimatedJSIModulePackage;
import com.airbnb.android.react.maps.MapsPackage;
import io.xogus.reactnative.versioncheck.RNVersionCheckPackage;

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

public class MainApplication extends Application implements ReactApplication {

  private static CallbackManager mCallbackManager = CallbackManager.Factory.create();

  protected static CallbackManager getCallbackManager() {
    return mCallbackManager;
  }

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

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
            new RNDeviceInfo(),
            new ReactNativeOneSignalPackage(),
            new RNSharePackage(),
            new ImagePickerPackage(),
            new VectorIconsPackage(),
            new RNGoogleSigninPackage(),
            new RNVersionCheckPackage(),
          new FBSDKPackage(),
          new MapsPackage()
      );
    }

    @Override
    protected String getJSMainModuleName() {
      return "index";
    }

    @Override
    protected JSIModulePackage getJSIModulePackage() {
      return new ReanimatedJSIModulePackage();
    }

  };

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

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

这是我的MainActivity.java文件

package com.apps;

import com.facebook.react.ReactActivity;
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
import android.content.Intent;
import android.os.Bundle;

public class MainActivity extends ReactActivity {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    @Override
    protected String getMainComponentName() {
        return "Apps";
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(null);
    }

    @Override
    protected ReactActivityDelegate createReactActivityDelegate() {
    return new ReactActivityDelegate(this, getMainComponentName()) {
        @Override
        protected ReactRootView createRootView() {
            return new RNGestureHandlerEnabledRootView(MainActivity.this);
            }
        };
    }

    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        MainApplication.getCallbackManager().onActivityResult(requestCode, resultCode, data);
    }

    @Override
    public void onNewIntent(Intent intent) {
        super.onNewIntent(intent);
        setIntent(intent);
    }
}

我已经启用了Hermes并按照react-native-reanimated文档中的说明进行了操作，但仍然崩溃并出现错误。我已经卡在这个问题上一周了，但还是没有解决。请帮助我 :)

- Mr-T

你修改了babel配置吗？ - Pritish Vaidya

@PritishVaidya 是的像这样： module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: ['react-native-reanimated/plugin'] }; - Mr-T

你是否添加了任何用于React Native的代码，或者是在安装时发生的？你可能需要发布该代码。 - Pritish Vaidya

2

我只是使用react-native-reanimated，因为我使用了react-native-router-flux，我没有在我的React Native代码中使用那个库。 - Mr-T

在添加了“Reanimated 2.2.3”之后仍然面临相同的问题。这里有任何更新吗？ - red-devil

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Shubham Shukla · Answer 1

如果你使用了Proguard，那么https://github.com/software-mansion/react-native-reanimated/issues/1314 或许对你有所帮助。

基本上来说，你需要在Proguard文件中添加这个规则。

-keep class com.facebook.react.turbomodule.** { *; }