谁能告诉我我在下面做错了什么:
"@react-navigation/native": "^6.0.6",
"@react-navigation/native-stack": "^6.2.5",
"@react-navigation/stack": "^6.0.11",
我在 App.js 中有这个(当然是删减了):
const Stack = createStackNavigator();
export default function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen
name="Home"
component={Home}
/>
<Stack.Screen
name="Groups"
component={Groups}
/>
<Stack.Screen
name="Group Detail"
component={GroupDetail}
/>
</Stack.Navigator>
</NavigationContainer>
}
现在,当我从 Home 转到 Groups 然后尝试打电话时navigation.navigate("GroupDetail");
我收到此错误:任何导航器都未处理带有有效负载 {"name":"GroupDetail"} 的操作 'NAVIGATE'。
Do you have a screen named 'GroupDetail'?
当然,我确实有那个屏幕并检查了进口。
我在这里想念什么?我只需要从Home
, 到Groups
然后 推到Group Detail
。
我已经尝试过 Nested Navigator 文档,但我认为它适用于此处(无论如何都没有用)。