React native 如何在react本机抽屉组件外部访问react导航参数

React native 如何在react本机抽屉组件外部访问react导航参数,react-native,redux,react-navigation,React Native,Redux,React Navigation,初始屏幕启动,然后导航到主屏幕和参数设置。我想在边栏组件中获取参数 const navigateActionHome = NavigationActions.navigate({ routeName: 'drawerStack', action: NavigationActions.navigate({ routeName: 'HomeScreen' , params : { username : 'Testing' } }) }) this.

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

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} />
});
const navigateActionHome=NavigationActions.navigate({
routeName:“抽屉钉”,
操作:NavigationActions.navigate({
routeName:“主屏幕”,
参数:{username:'Testing'}
})
})
this.props.navigation.dispatch(navigateActionHome)
//抽屉叠
const DROURSTACK=抽屉驱动程序({
主页:{screen:DashboardScreen},
主屏幕:{屏幕:主屏幕}
},{
内容选项:{
activeTintColor:“红色”
},
手势已启用:错误,
swipeabled:false,
contentComponent:props=>
});

我可以在主屏幕组件中获取“username”参数,但无法在侧边栏组件中获取“username”参数

我相信当您在这里启动此屏幕时:

contentComponent: props => <SideBar {...props} />
contentComponent:props=>
您正在传递屏幕的“道具”,但不是参数。这些不一样。您可以通过调试并停止屏幕上的任何位置来确认,以查看屏幕上是否有该道具

只要在屏幕上以任何方式获取用户名参数,您就可以这样添加它:

contentComponent: props => <SideBar {...props} username={myUsername} />
contentComponent:props=>
如何从API将数据推送到“myUsername”