如何设计React本地Android应用程序的导航器结构？

Question

我正在构建一个使用React的费用保持应用程序-- Android上的本地应用。下面是我的应用程序的UI流程图：

1. 我希望使用抽屉在顶级场景之间导航(以暗红色显示)。
2. 在设置场景中，有一些选项需要导航到一组2级场景，这些场景只能导航回设置场景(以蓝色显示)。

​

​

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

使用单个<Navigator>作为我的应用程序中的顶级组件，并使用它管理所有场景和路由是一个显而易见的解决方案，但是这样就很难管理场景的“级别”。

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

Answer 1

我知道这是一个老问题，但它仍然是相关的，只是为了保持这一最新，使用反应导航 (警告:需要一些学习和实践)。您可以使用这个示例。注意里面的导航树。它类似于这个问题需要什么。

Answer 2

您试过反应-本机路由器流量组件吗？

Answer 3

你可以用碎片。

第一:在活动中。你创造了Navigatior。在xml中，活动有：

<DrawerLayout>

<Toolbar> or (Control Home of you)

<FrameLayout id="content_main">

然后:创建SettingFragment扩展片段

HomeFragment扩展片段

ExpansesFragment扩展片段

import support.v4.Fragment

在活动中扩展活动

onCreate：

    FragmentManager manager = getSupportFragmentManager();
    manager.beginTransaction()
            .setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN)
            .replace(R.id.content_main, HomeFragment)
            .commit();

在抽屉里。事件按下

Home

  FragmentManager manager = getSupportFragmentManager();
    manager.beginTransaction()
            .setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN)
            .replace(R.id.content_main, HomeFragment)
            .commit();

Expenses

FragmentManager manager = getSupportFragmentManager();
    manager.beginTransaction()
            .setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN)
            .replace(R.id.content_main, ExpensesFragment)
            .commit();


Category

  FragmentManager manager = getSupportFragmentManager();
    manager.beginTransaction()
            .setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN)
            .replace(R.id.content_main, CategoryFragment)
            .commit();