在根导航器上显示后退按钮并影响React Navigation中的子导航器

Question

我正在尝试创建以下线框：

Pen.Alignment

为此，我使用了多个嵌套的导航器：

A：由于始终需要顶部标题，因此我首先创建了一个具有单个屏幕的堆栈导航器。

B：这是底部的标签导航器，具有3个屏幕。如果有人点击中间的选项卡，则会显示一个网格屏幕“ C”。

C：网格屏幕是堆栈导航器。例如，如果您触摸选项B，则会看到一个新屏幕，它是顶部标签导航器。

D：这是最后一个顶部的标签导航器。

我的问题是：

1. 这是做事的正确方法吗？
2. 到达屏幕D时，我需要 顶部标题显示后退按钮，也用于该后退 按钮以在屏幕C的导航器上“返回”，然后消失 再次。我该如何实现？

谢谢！

Answer 1

就我个人而言，我认为您的做法是错误的。由于react-navigation在tabNavigator中不包含标头，因此我会将标签页包装在堆栈中。

从那里，我将有3个stackNavigator，每个选项卡一个，其中仅包含必要的屏幕。

您的中间选项卡的stackNavigator仅包含带有6个按钮的主/初始容器/组件，以及您可以导航到的6个容器/组件中的每一个。按下每个按钮将只浏览到适当的容器/组件以显示其内容。

同样，我不会为您的顶部标签栏做tabNavigator。我只需要一个带有三个按钮或类似分段控件的容器/组件，可以在该屏幕的下部选择性地显示正确的容器/组件。我们在应用程序中的多个位置执行此操作。

希望这会有所帮助，让我知道我在这里放置的内容是否不够合理。

[EDIT]-删除了不正确的标题信息。