导航到另一个导航器中的特定路径(React Native)

时间:2017-11-29 20:54:34

标签: react-native navigation

我有下一个代码路径:

const Main = DrawerNavigator({
  Dashboard: {screen: TopNavigation},
  SetupSignUp: {screen: SetupSignUp},
},{
  initialRouteName: "Dashboard",
});

export const App = StackNavigator({
  Welcome: {screen: Welcome},
  Main: {screen: Main},
  Login: {screen: Login},
  SignUp: {screen: SignUp},
  Content: {screen: MainStack},
  SetupSignUp: {screen: }
},{
  initialRouteName: "Welcome",
});

我的应用程序从应用程序开始。

我想要的是在App的SetupSignUp路线中,转到Main但在SetupSignUp中,这不会更改initialRouteName,因为我需要在Content中使用它。

我该怎么做?

2 个答案:

答案 0 :(得分:2)

我认为你以错误的方式组合了Drawer和StackNavigator。

我做了这个例子试图帮助: https://github.com/juliancorrea/react-native-navigation-example/tree/master

答案 1 :(得分:0)

另一种方法是外部化您的路线定义并创建两个具有不同初始路线的类似抽屉导航器:

const mainConfig = {};

const mainRoutes = {
  Dashboard: {screen: TopNavigation},
  SetupSignUp: {screen: SetupSignUp},
};

const Main = DrawerNavigator(mainRoutes, {
  ...mainConfig
  initialRouteName: "Dashboard",
});

const AlternativeMain = DrawerNavigator(mainRoutes, {
  ...mainConfig
  initialRouteName: "SetupSignUp",
});

然后,您将能够使用不同的初始路线导航到Main或AlternativeMain。