react-native - 如何将参数传递给 DrawerNavigator？

Question

TL D R:我有一个登录屏幕，用户可以在其中登录并导航到第二个屏幕。在那里我想打开菜单并将用户名显示为文本。如何将用户名传递给菜单？ (抽屉导航器)。

下面是我的代码的一些示例。

路由器:

import MyMenu from './MyMenu';

const MyStack = StackNavigator({
  Login: {screen: Login},
  Home: {screen: Home}
  // more screens...
});

export const MyDrawer = DrawerNavigator({
  Main: { screen: MyStack }
},
  { contentComponent: MyMenu }
);

主屏幕:

openMenu() {
  this.props.navigation.navigate('DrawerOpen', userName);
}

我的菜单:

render() {
  const userName = this.props.navigation.state.params;
  return (
    <View>
          <Text>{userName}</Text>
          // more stuff
    </View>
  );
}

Answer 1

我想这就是你想要的。

import MyMenu from './MyMenu';

const MyStack = StackNavigator({
  Login: {screen: Login},
  Home: {screen: Home}
  // more screens...
});

export const MyDrawer = DrawerNavigator({
  Main: { screen:({navigation}) => <MyStack screenProps={drawerNavigation:navigation}/> }
},
  { contentComponent: MyMenu }
);

然后你可以从你的 Stack 导航中访问抽屉的导航，如下所示。

this.props.screenProps.drawerNavigation.DO_WHATEVER