gpt4 book ai didi

react-native - 错误 : undefined Unable to resolve module `@react-navigation/bottom-tabs`

转载 作者:行者123 更新时间:2023-12-05 02:55:26 27 4
gpt4 key购买 nike

一直在寻找有关导航错误模块的解决方案。我已尝试重置缓存、删除 nodu_modules、重新安装模块,但仍然无法正常工作。

错误的完整细节

Unable to resolve module `@react-navigation/native` from `src/App.js`: @react-navigation/native could not be found within the project.

Package.json

"@react-native-community/masked-view": "^0.1.9",
"native-base": "^2.13.12",
"react": "16.9.0",
"react-native": "0.61.5",
"react-native-gesture-handler": "^1.6.1",
"react-native-reanimated": "^1.8.0",
"react-native-safe-area-context": "^0.7.3",
"react-native-screens": "^2.4.0",
"react-native-splash-screen": "^3.2.0",
"react-native-vector-icons": "^6.6.0",
"react-navigation-stack": "^2.3.11"

App.js

import * as React from 'react';
import { Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

function HomeScreen() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>Home!</Text>
</View>
);
}

function SettingsScreen() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>Settings!</Text>
</View>
);
}

const Tab = createBottomTabNavigator();

export default function App() {
return (
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name="Home" component={HomeScreen} />
<Tab.Screen name="Settings" component={SettingsScreen} />
</Tab.Navigator>
</NavigationContainer>
);
}

最佳答案

在你的 package.json 中添加 "@react-navigation/native": "^5.1.5", 然后运行 ​​npm install @react-navigation/native

关于react-native - 错误 : undefined Unable to resolve module `@react-navigation/bottom-tabs` ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61235733/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com