Question

初始屏幕启动，而不是导航到主屏幕＆amp;参数集。我想在侧边栏组件中获取参数。

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} />
});

我能够获得＆＃34;用户名＆＃34; HomeScreen组件中的参数，但无法获得＆＃34;用户名＆＃34;侧栏组件内的参数。

Answer 1

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

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

你正在传递屏幕的“道具”而不是传递。那些不一样。您可以通过调试确认并停止屏幕上的任何位置，以查看您的屏幕是否具有该道具。

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

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

如何访问react-native-drawer组件

1 个答案: