Question

我有一个需要StackNavigator和TabNavigator的应用程序。逻辑是：

const App = StackNavigator({
    Welcome: {
        screen: Welcome
    },
    Login: {
        screen: Login
    },
    Register: {
        screen: Register
    },
    Auth: {
        screen: Auth
    },
    Home: {
        screen: Main
    },
});

const Main = TabNavigator({
  Home: { screen: Home },
  Dash: { screen: Dash},
  Myself: { screen: Myself},
  });

const Pages = StackNavigator({
    Share: { screen: Share},
    About: { screen: About},
    Service: {screen: Service}
});

我可以正确处理从App跳转到App的方式，但是在屏幕Myself的TabNavigator中我想跳转到StackNavigator Pages，如果我添加直接到Main，它不起作用。

那我怎么能做到这一点？

Answer 1

您需要做的是类似于如何将TabNavigator放入带有Main的StackNavigator中。您还可以将StackNavigator放在TabNavigator中。在这种情况下，您希望在Pages TabNavigator上使用MySelf导航器作为Main路线，而不是在TabNavigator路线上设置页面MySelf，而是{ {1}}作为MySelf StackNavigator上的初始路由。

它看起来像这样：

Pages

如何为TabNavigator添加StackNavigator？

1 个答案: