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

Question

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

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

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

B：这是一个底部标签导航器，有 3 个屏幕。如果有人点击中间的标签，你会得到一个网格屏幕“C”。

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

D：这是最后一个顶部选项卡导航器。

我的问题是：

1. 这是正确的做事方式吗？
2. 当我到达屏幕 D 时，我需要 顶部标题显示一个后退按钮，也用于那个后退 C画面导航器上的“返回”按钮，然后消失 再次。我怎样才能做到这一点？

谢谢！

Answer 1

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

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

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

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

希望这会有所帮助，如果我放在这里的任何内容没有足够的意义，请告诉我。

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