android - 如何设计 React-Native Android 应用程序的导航器结构？

Question

我正在 Android 上使用 React-Native 构建一个费用管理应用程序。下面是我的应用程序的 UI 流程图:

1. 我希望使用抽屉在顶级场景(以深红色显示)之间导航。

2. 在 Settings 场景中，有一些选项需要导航到一组 2 级场景，这些场景只能导航回 Settings 场景(如图所示蓝色)。

我希望我的导航栏在场景转换中保持不变，所以我使用了 navigationBar props的 <Navigator>组件。

使用单个 <Navigator>作为我的应用程序中的顶级组件并使用它管理所有场景和路线是一个明显的解决方案，但这种方式更难管理场景的“级别”。

我想知道是否还有其他更好的方法来构造 <Navigator>在我的应用程序中，也许嵌套导航器？

Answer 1

我知道这是一个老问题，但它仍然相关，只是为了保持最新，请使用 React-Navigation (警告:需要一些学习和练习)。你可以用这个 example .留意其中的导航树。和题目需要的差不多。