导航到后续屏幕React Navigation 6/React Native

Question

有人能告诉我以下内容有什么问题吗：

"@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文档，但我认为它适用于这里(无论如何都不起作用(。

Answer 1

我的name错误。

它需要是GroupDetail，而不是Group Detail。