【发布时间】：2021-08-25 08:30:58
【问题描述】：
我正在尝试添加模块 BottomNavigation 和 DrawerNavigation。我确实成功下载了模块包。我执行了 import createBottomTabNavigator() 或 createDrawerNavigator() 然后收到错误通知，如下所示。
谁能帮助我？
更新：
我通过npm install @react-navigation/bottom-tabs安装了它们。
还有我的代码：
import React from 'react';
import Home from '../Component/Home';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
const Tab = createBottomTabNavigator();
export default function BottomNav(){
return(
<NavigationContainer>
<Tab.Navigator
initialRouteName="Home"
>
<Tab.Screen name="Home" component={Home} />
</Tab.Navigator>
</NavigationContainer>
)
}
【问题讨论】：
-
您能否添加一些代码 sn-ps 说明您如何导入模块以及如何初始化它们？还有你是如何安装它们的还有你在安装后
pod install和./gradlew clean吗？ -
@poPaTheGuru 我通过
npm install @react-navigation/bottom-tabs安装了它们 -
安装后你有
pod install和./gradlew clean吗？你也应该再次尝试npm run start --clear-cache服务器 -
@poPaTheGuru 我没有。Excume，你能帮我知道它们的语法吗？
-
在
package.json中添加这两行："clean-ios": "cd ios && rm -rf build/ && pod install && cd ..", "clean-android": "cd android && ./gradlew clean && ./gradlew cleanBuildCache && cd .. && npx jetify"并且在您在应用程序中安装每个包之后，您应该运行yarn clean-ios和yarn clean-android或npm run clean-ios和npm run clean-android在你清理项目后，再次运行npm run ios和npm run android，如果你的代码没问题，应用程序也应该是
标签： react-native npm navigation