反应本机选项卡堆栈不返回到根堆栈

Question

我有堆栈，堆栈中的第一个屏幕是带有底部菜单的屏幕，另一个包含菜单项单击时显示的屏幕。当我单击或从此堆栈导航时，它尝试将屏幕加载到同一页面上，但我想在根堆栈上浏览的屏幕。实现是在点击菜单项时获得除基本屏幕以外的所有屏幕的全屏视图。有帮助吗？

Answer 1

请明确说明： 您的路线结构看起来像这样吗？

• 根（Stack Navigator）

  • 菜单（屏幕）

  • 视图（堆栈导航器）

    - Screen 1
    - Screen 2
    - ...
    - Screen N
    

还是您在“菜单”视图的内部放置了堆栈导航器？ 如果是这样，我建议您将导航器与视图分开，以便可以更好地控制嵌套级别。

如果您希望拥有一个充当菜单的主视图（类似于Drawer Navigator行为），并且当您按菜单项时，将重定向到另一个视图（底部没有菜单），则只能使用一个堆栈导航器，在同一级别包含菜单屏幕和其余屏幕。

它应该像这样：

• 堆栈导航器
  • 菜单屏幕（带有导航到其余视图的按钮）
  • 屏幕1
  • 屏幕2
  • ...
  • 屏幕N

然后，您只需要将路线添加到导航器，并在每个菜单按钮上调用this.props.navigation.navigate(“ScreenN”)。