嵌套导航器：顶部标签导航器，指向相同的屏幕，但具有不同的道具

Question

我正在尝试制作一个具有一系列嵌套导航器的应用程序。主导航器是一个堆栈导航器，用于转到作业，作业详细信息和聊天。在作业页面中，有一个顶部的标签导航器，显示未完成的作业，几乎到期的作业和已完成的作业。还有一个底部选项卡，其中包含作业（同一页面），添加和配置文件。因此，作业页面就是主页。可以单击每个作业条目，并将其转到作业详细信息。我在弄清楚如何嵌套和逻辑化这些问题时遇到了麻烦。

• 堆栈（主）
• 职位详情
• 聊天
• 工作（顶部标签导航器）
  • 打开
    • 在按此即可查看工作详细信息和其他页面
  • 快到了
    • 在按此键可转到工作详细信息和其他页面
  • 完成
    • 在按此键可转到工作详细信息和其他页面
• 工作（“底部”选项卡）
  • 工作
  • 添加
  • 个人资料

到目前为止，我感觉顶部导航器将指向相同的作业页面，但具有不同的参数，而底部底部的主导航器将指向包含顶部标签的导航器。但是我不确定那是否很好，而且会变得混乱。任何建议表示赞赏。

Answer 1

不知道自己想要实现什么是很难回答的，但是如果我想与那些导航员一起开发应用程序，我将尝试尽可能简化它

1. 堆栈（主）
2. 职位详情
3. 聊天
4. 作业（底部标签导航器）
   • 添加
   • 个人资料
   • 工作（顶部标签导航器）
     • 打开-> onPress导航到作业详细信息
     • 几乎到期-> onPress导航到作业详细信息
     • 完成-> onPress导航至工作详细信息

我还要指出Each screen in a navigator has its own params

此外，当您在嵌套导航器中导航屏幕时，指定的屏幕将用作初始屏幕，并且导航器上的初始路线道具会被忽略，我认为您是在指出这一点。您可以通过设置initial: false

来禁用将指定屏幕用作初始屏幕的行为

您可以进一步了解此here。

我也强烈建议您浏览Nesting Navigators的导航文档