如何在 React Native 的抽屉导航中将接收到的数据显示为用户名？

Question

登录后我收到了用户名和用户图片，所以如何显示如下图所示，使用 react native Drawer Navigation，请帮帮我？

Answer 1

您可以像下面这样制作自定义抽屉组件。首先，像这样初始化 DrawerNavigator

const AppScreens = DrawerNavigator(
{
    Screen1: Screen1,
    Screen2: Screen2,
},{
    contentComponent: CustomDrawerComponent,
    'drawerOpenRoute': 'DrawerOpen',
    'drawerCloseRoute': 'DrawerClose',
    'drawerToggleRoute': 'DrawerToggle',
    navigationOptions: {
        gesturesEnabled: false,
    },
});

然后，在这里制作您的自定义抽屉

const CustomDrawerComponent = (props) => {
    return (
        <View>
            <Image source={{uri: 'path/to/image'}} style={{width: 100, height: 50}}/>
            <Text>Your name</Text>
        </View>
    );
}

如果你想从缓存中获取名称，那么你可以在这里使用 AsyncStorage，并且可以使用props.navigation.