在另一个导航器中导航到特定路线（React Native）答案

【问题标题】：Navigate to specific route in another navigator (React Native)在另一个导航器中导航到特定路线（React Native）
【发布时间】：2017-11-29 20:54:34
【问题描述】：

我有下一条代码路线：

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 中启动。

我想要的是从 App 的 SetupSignUp 路径中，转到 Main 但在 SetupSignUp 中，这无需更改 initialRouteName，因为我需要在 Content 中使用它。

我该怎么做？

【问题讨论】：

标签： react-native navigation

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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。

【讨论】：