反应导航不止一个嵌套

Question

我有这样的结构：

• 主要
  • 孩子1
  • 儿童2
    • 孙子1
• 其他

我遇到的问题是我无法从孩子2导航到孙1。它抛出了

TypeError：navigation.navigate不是函数

或

未定义不是对象（正在评估“ props.navigation.navigate”）

我有一个这样的堆栈导航器：

<Stack.Navigator>
    <Stack.Screen name="Main" />
    <Stack.Screen name="Child2" />
    <Stack.Screen name="Grandchild" />
</Stack.Navigator>

我可以从Main转到Child2，是否需要创建新的Stack来进行更深层的嵌套？

Answer 1

我在错误的位置使用了导航。

应在组件中使用

<Child onPress={() => navigation.navigate('Grandchild');} />

然后在组件Touchable内执行：

<Touchable onPress={props.onPress}>
...
</Touchable>