Я установил все пакеты для react-navigation
. Я следовал всем инструкциям, приведенным в React Navigation .
После установки, когда я собираю приложение, оно успешно строится, но после установки на эмуляторе происходит сбой. Я также попробовал это на своем телефоне. Но каждый раз, когда это терпит крах. Вот скриншот моего проекта Снимок экрана .
Я также обнаруживаю, что он падает только при установке
( # Установка зависимостей в голый проект React Native ) эта часть реагирует на навигацию.
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);