react-navite 0.67.4 对应 react-navigation 版本

621 阅读1分钟

react-native 0.67.4 踩坑

react-navite 0.67.4 发现直接下载最新react-navigation 程序无法运行 查阅之后解决 以下是整合之后的版本

"@react-navigation/native": "^6.0.2",
"@react-navigation/native-stack": "^6.1.0",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "~3.10.1",
"react": "17.0.2",
"react-native": "0.67.4",
"react-native-gesture-handler": "^2.3.2",
"react-native-reanimated": "^2.5.0"

企业微信截图_20220322175053.png

版本安装完成依赖后在android/app/src/main/java/com/awesomeproject/MainActivity.java 下加入以下代码

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


@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);
    }
  };
}

企业微信截图_20220322180157.png

配置完成后重启项目 yarn react-native run-android

image.png

本文android sdk 及包配置 对应android studio 版本 (扩展)

image.png