React native 此版本的'@react导航/本机'；与React导航5不兼容_React Native_Npm_Npm Install

React native 此版本的'@react导航/本机'；与React导航5不兼容

react-native npm

React native 此版本的'@react导航/本机'；与React导航5不兼容,react-native,npm,npm-install,React Native,Npm,Npm Install,我已通过安装react导航 npm install react-navigation 然后我安装了@react navigation/native via npm install @react-navigation/native 但我犯了一个错误此版本的“@react navigation/native”与不兼容反应导航5。请确保安装了的5.x版本 @反应导航/本机在应用程序的package.json文件中，检查以下依赖项及其版本。对于我来说，以下解决了上述问题 "depe

我已通过安装react导航

npm install react-navigation

然后我安装了@react navigation/native via

npm install @react-navigation/native

但我犯了一个错误

此版本的“@react navigation/native”与不兼容反应导航5。请确保安装了的5.x版本 @反应导航/本机

在应用程序的package.json文件中，检查以下依赖项及其版本。对于我来说，以下解决了上述问题

 "dependencies": {
"@react-native-community/masked-view": "0.1.6",
"@react-navigation/native": "^5.5.1",
"@react-navigation/stack": "^5.5.1",
"babel-runtime": "^6.26.0",
"expo": "~37.0.3",
"react": "~16.9.0",
"react-dom": "~16.9.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
"react-native-gesture-handler": "~1.6.0",
"react-native-reanimated": "~1.7.0",
"react-native-safe-area-context": "0.7.3",
"react-native-screens": "~2.2.0",
"react-native-web": "~0.11.7",
"react-navigation": "^4.3.9"

}

在应用程序的package.json文件中，检查以下依赖项及其版本。对于我来说，以下解决了上述问题

 "dependencies": {
"@react-native-community/masked-view": "0.1.6",
"@react-navigation/native": "^5.5.1",
"@react-navigation/stack": "^5.5.1",
"babel-runtime": "^6.26.0",
"expo": "~37.0.3",
"react": "~16.9.0",
"react-dom": "~16.9.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
"react-native-gesture-handler": "~1.6.0",
"react-native-reanimated": "~1.7.0",
"react-native-safe-area-context": "0.7.3",
"react-native-screens": "~2.2.0",
"react-native-web": "~0.11.7",
"react-navigation": "^4.3.9"

}您不能同时使用

@react-navigation/native

v5和

react-navigation

，因为

react-navigation

软件包在v4之后不再使用

要使用的每个模块都必须单独安装

例如：

@react导航/堆栈

，

@react导航/底部选项卡

，

@../drawer

您需要安装一些对等依赖项

响应本机屏幕

以处理高性能导航

react native reanimated

在页面中导航时处理过渡动画

react原生手势处理程序

通过平移手势处理导航

react native safe area context

处理屏幕控件

@react native community/masked view

处理堆栈导航器标题上的特定样式

@react native community/toolbar android

这是android工具栏小部件，您需要安装它，因为它将从0.61版的“react-native”核心软件包中删除。您不能同时使用

@react-navigation/native

v5和

react-navigation

，因为

react-navigation