使用react-navigation的SwitchNavigator时，如何从启动页向首页/登录页传参？

我明白你遇到的困扰了——当你在AuthLoadingScreen里直接跳转到App或Auth（这两个都是嵌套的StackNavigator）时，自定义参数并没有自动传递到它们的初始页面（HomeScreen或SignInScreen）。原因很简单：这些参数被外层的SwitchNavigator持有了，并没有向下透传到嵌套导航的子页面中。

下面给你两种可行的解决方案，你可以根据实际需求选择：

方案一：直接跳转到嵌套导航的具体页面 #

与其跳转到外层的导航器容器，不如直接定位到嵌套导航里的目标页面，这样参数就能直接绑定到对应页面上：

修改AuthLoadingScreen中的_bootstrapAsync方法：

_bootstrapAsync = async () => {
  const userToken = await AsyncStorage.getItem('userToken');
  const extraParams = '你的自定义参数值'; // 替换成你实际要传递的内容

  // 根据token状态，直接跳转到具体页面并传参
  this.props.navigation.navigate(
    userToken ? 'Home' : 'SignIn',
    { extraParams: extraParams }
  );
};

修改后，你就能在HomeScreen或SignInScreen里通过this.props.navigation.state.params?.extraParams正常获取参数了（加上可选链?.能避免参数不存在时的报错）。

方案二：向嵌套导航器传递参数到初始页面 #

如果你想保留原有结构（仍然跳转到App或Auth导航器），可以用嵌套导航的专属跳转语法，通过screen和params字段指定目标页面并传递参数：

修改AuthLoadingScreen的_bootstrapAsync方法：

_bootstrapAsync = async () => {
  const userToken = await AsyncStorage.getItem('userToken');
  const extraParams = '你的自定义参数值';

  if (userToken) {
    // 跳转到App导航器的Home页面，同时传递参数
    this.props.navigation.navigate('App', {
      screen: 'Home',
      params: { extraParams: extraParams }
    });
  } else {
    // 跳转到Auth导航器的SignIn页面，同时传递参数
    this.props.navigation.navigate('Auth', {
      screen: 'SignIn',
      params: { extraParams: extraParams }
    });
  }
};

之后在HomeScreen或SignInScreen中，同样可以通过this.props.navigation.state.params?.extraParams拿到你传递的参数。

额外补充：如果你的参数是全局通用的配置类数据，也可以在AuthLoadingScreen中将参数存入AsyncStorage，再在目标页面异步读取——不过这种方式更适合非实时传递的场景，跳转时直接传参的效率会更高。

内容的提问来源于stack exchange，提问作者K.Raj.