Reactjs 如何在react native中的抽屉导航中将收到的数据显示为用户名?

Reactjs 如何在react native中的抽屉导航中将收到的数据显示为用户名?,reactjs,react-native,navigation-drawer,react-native-android,react-native-navigation,Reactjs,React Native,Navigation Drawer,React Native Android,React Native Navigation,您可以像下面这样定制抽屉组件。 首先,像这样初始化抽屉驱动程序 const AppScreens = DrawerNavigator( { Screen1: Screen1, Screen2: Screen2, },{ contentComponent: CustomDrawerComponent, 'drawerOpenRoute': 'DrawerOpen', 'drawerCloseRoute': 'DrawerClose', 'drawer

您可以像下面这样定制抽屉组件。 首先,像这样初始化抽屉驱动程序

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>
    );
}
const CustomDrawerComponent=(props)=>{
返回(
你的名字
);
}

如果您想从缓存中提取名称,则可以在此处使用AsyncStorage,并且可以使用
props.navigation
找到导航道具

请提供一个例子来说明你到目前为止做了哪些尝试以及遇到了哪些问题。我的意思是。。我已将数据存储在syncStorage中,如用户名和图像。。但我无法在contentComponent的抽屉导航中找到这些数据