Как показать полученные данные как имя пользователя в ящике Навигация в реагировать на родную?

Question

после входа в систему я получил имя пользователя и фотографию пользователя, поэтому, как я могу отобразить это, как показано на рисунке ниже, с помощью реагирования встроенной навигации по ящикам, пожалуйста, помогите мне?

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.