-1

我正在尝试使用“主页”、“个人资料”和“搜索”进行选项卡导航，并在“主页”屏幕内使用“更多详细信息”和“愿望清单”进行堆栈导航。我目前在 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>
}

因此，当您单击“主页”时，您有一个按钮可以转到“更多详细信息”，在此页面上您有一个按钮可以转到“愿望清单”。

我究竟做错了什么 ？根据文档，它似乎是这样的。你的帮助会很棒！

4

2 回答 2

0

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

于 2021-12-08T03:32:57.910 回答
0

一切都很好，很抱歉问.. 在 v6 中它不是 ，npm i @react-navigation/stack但是 它现在正在工作。希望它可以帮助以后的人。npm i @react-navigation/native-stackimport { createNativeStackNavigator }

于 2021-12-07T18:06:56.097 回答