React Navigation，如何在v6中使Tab导航中的Stack Navigation

Question

我正试图用"主页"配置文件"&quot；"搜索"；，而内部"；家；屏幕上，用"；更多细节"&quot；愿望清单"；。我目前在react navigation v6中，我正在尝试这样做：

import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createStackNavigator } from '@react-navigation/stack';
const Stack = createStackNavigator();
const Tab = createBottomTabNavigator();
const StackNavigator = () => {
return (
<Stack.Navigator>
<Stack.Screen name="Homepage" component={Homepage} />
<Stack.Screen name="MoreDetails" component={MoreDetails} />
<Stack.Screen name="WishList" component={WishList} />
</Stack.Navigator>
)
}
export default App(){
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name="Search" component={Search} />
<Tab.Screen name="Homepage" component={StackNavigator} />
<Tab.Screen name="Profile" component={Profile} />
</Tab.Navigator>
</NavigationContainer>
}

所以当你点击"；主页"；，你有一个按钮去"；更多细节"；在这个页面上，你有一个按钮可以转到"；愿望清单"；。

我做错了什么？根据医生的说法，情况似乎是这样的。你的帮助太棒了！

Answer 1

很好，很抱歉询问。。在v6中不是npm i @react-navigation/stack而是npm i @react-navigation/native-stack和import { createNativeStackNavigator }它现在起作用了。希望以后能帮助到别人。

Answer 2

可能是因为您忘记导入屏幕