我已经为react-navigation. 我已按照React Navigation给出的所有说明进行操作。
安装后，当我构建应用程序时，它构建成功，但在模拟器上安装后崩溃。我也在手机上试过。但是每次都会崩溃。这是我的项目Screenshot的屏幕截图。
我还发现它只有在我安装时才会崩溃
（#Installing dependencies into a bare React Native project）这部分反应导航。
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
这是我项目的其他一些代码。
包.json
{
"name": "KhulnaWheels",
"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": {
"@react-native-community/masked-view": "^0.1.6",
"@react-navigation/bottom-tabs": "^5.1.0",
"@react-navigation/drawer": "^5.1.0",
"@react-navigation/material-bottom-tabs": "^5.1.0",
"@react-navigation/material-top-tabs": "^5.1.0",
"@react-navigation/native": "^5.0.8",
"@react-navigation/stack": "^5.1.0",
"react": "16.9.0",
"react-native": "0.61.5",
"react-native-gesture-handler": "^1.6.0",
"react-native-paper": "^3.6.0",
"react-native-reanimated": "^1.7.0",
"react-native-safe-area-context": "^0.7.3",
"react-native-screens": "^2.2.0",
"react-native-tab-view": "^2.13.0"
},
"devDependencies": {
"@babel/core": "^7.6.2",
"@babel/runtime": "^7.6.2",
"@react-native-community/eslint-config": "^0.0.5",
"babel-jest": "^24.9.0",
"eslint": "^6.5.1",
"jest": "^24.9.0",
"metro-react-native-babel-preset": "^0.56.0",
"react-test-renderer": "16.9.0"
},
"jest": {
"preset": "react-native"
}
}
android\app\build.gradle（仅依赖项部分）
dependencies {
implementation 'androidx.appcompat:appcompat:1.1.0-rc02'
implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha03'
implementation fileTree(dir: "libs", include: ["*.jar"])
implementation "com.facebook.react:react-native:+" // From node_modules
if (enableHermes) {
def hermesPath = "../../node_modules/hermes-engine/android/";
debugImplementation files(hermesPath + "hermes-debug.aar")
releaseImplementation files(hermesPath + "hermes-release.aar")
} else {
implementation jscFlavor
}
}
index.js
import 'react-native-gesture-handler';
import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => App);