React Navigation 理解导航器嵌套

Question

我用了react-navigation快半年了，但是还是不明白其中的嵌套部分。导航道具如何继承，如何通信等。

我从 redux 示例应用创建了一个关于零食的演示。

Demo

我想了解这些：

1. 如果我导航到子导航器，导航道具会发生什么情况？

2. 如何从子导航器屏幕导航到父母屏幕或父母其他孩子的屏幕

3. 如何从状态中移除子导航器？

最简单的例子： 在登录事件中，我使用 Main StackNavigator 重置了导航器。 问题在于，我必须手动重建整个 Main 状态。 如果我能以某种方式删除 Auth StackNavigator 并保留主堆栈，那就容易多了。

4. 是否可以通过子导航器的导航操作触发 redux 事件？

如文档所述，我用 redux 组件包装了主导航 (StackNavigator) 组件。在我导航到子组件之前它工作正常。导航道具 niavigate 方法停止调度 redux 操作。

5. 这个，我无法在演示中重新创建

我在 StackNavigator 中有一个组件和一个 DrawerNavigator。 如果我从组件导航到 DrawerNavigator（那里只有 1 个屏幕），我将无法返回到该组件：

this.props.navigation.goBack()

奇怪的是，它在屏幕组件内部是唯一不可能的。从屏幕的标题组件中它的工作。

Answer 1

1. 始终可以在props.navigation访问。

2. 需要reset 操作才能导航到父/子导航器。
   另外，由于#1127 key: null 是必需的

3. navigation.replace 是登录导航到主屏幕的另一个选项，如果屏幕在同一个导航器中，如果需要动画转换，请使用 reset。或者查看#295中的其他方法

4. navigate只能在同一个导航器中导航到屏幕，其他方法参考答案3。

5. 可能缺少组件navigationprops

Working Demo