反应导航StackNavigator渲染到特定屏幕

时间:2017-06-15 14:53:38

标签: react-native react-navigation

如何将堆栈导航器从React-navigation渲染到特定屏幕? 我可以将屏幕名称作为prop传递给初始加载时将StackNavigator渲染到该屏幕吗?

更新 我通过将支柱传递给Stack Navigator然后有条件地设置intialRouteName来解决它:

const Main = RootNavigator(userLoggedIn);

然后渲染Main,<Main /> 而不是直接使用RootNavigator。

然后在导航器代码中:

export const RootNavigator = (userLoggedIn= false) => {
  return StackNavigator(
    {
      LoggedIn: {
        screen: LoggedIn,
      },
      LoggedOut: {
        screen: LoggedOut,
      }
    },{
      initialRouteName: userLoggedIn? "LoggedIn" : "LoggedOut"
    }
  );
}; 

1 个答案:

答案 0 :(得分:0)

是的,当您初始化StackNavigator时,第二个参数是选项。所以你可以这样做:

StackNavigator({ <Your-Routes> }, { initialRouteName: 'MyFirstPage' });