如何在react-native-drawer组件之外访问react导航参数

Question

初始屏幕启动，然后导航到主屏幕和参数设置。我想在侧边栏组件中获取参数。

const navigateActionHome = NavigationActions.navigate({
  routeName: 'drawerStack',
  action: NavigationActions.navigate({ 
        routeName: 'HomeScreen' , 
        params : { username : 'Testing' }
    })
})
this.props.navigation.dispatch(navigateActionHome)

// drawer stack
const DrawerStack = DrawerNavigator({
    Home: { screen: DashboardScreen },
    HomeScreen: { screen: HomeScreen }
},{
    contentOptions: {
      activeTintColor: "red"
    },
    gesturesEnabled: false,
    swipeEnabled: false,
    contentComponent: props => <SideBar {...props} />
});

我可以在HomeScreen组件中获取"username“参数，但在边栏组件中无法获取"username”参数。

Answer 1

我相信当你在这里开始这个屏幕的时候：

contentComponent: props => <SideBar {...props} />

你传递的是屏幕的“道具”，而不是参数。这些是不一样的。你可以通过在屏幕上的任何地方调试和停止来确认，看看你的屏幕是否有这个道具。

您只需以任何方式在屏幕上获取用户名参数，您就可以像这样添加它：

contentComponent: props => <SideBar {...props} username={myUsername} />