Блог

Главная - Вопросы по программированию - Как установить собственный значок заголовка ящика react («Гамбургер») с правой стороны?

Как установить собственный значок заголовка ящика react («Гамбургер») с правой стороны?

#react-native #navigation-drawer #react-native-navigation #react-navigation-drawer

Вопрос:

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

Комментарии:

1. Не могли бы вы предоставить какой-либо код?

Ответ №1:

использовать headerRight свойство в заголовке options

вспомогательный материал

Комментарии:

1. Спасибо, но это для пользовательской кнопки и значка, но я хочу использовать значок и кнопку по умолчанию, которые уже есть в ящике слева, просто нужно изменить положение

Ответ №2:

 import {DrawerActions} from '@react-navigation/native';

<Drawer.Navigator
      screenOptions={{
        drawerPosition: 'right',
      }}>
      <Drawer.Screen
        name="Home"
        component={Home}
        options={{
          headerStyle: {
            backgroundColor: 'orange',
          },
          headerTintColor: 'black',
          headerLeft:false,
          headerRight: () => (
            <TouchableOpacity  onPress={() => navigation.dispatch(DrawerActions.openDrawer())}>
              <Icon name="menu" size={30} color="black" />
            </TouchableOpacity>
          ),
        }}
      />
      <Drawer.Screen name="Standings" component={Standings} />
    </Drawer.Navigator>

Это сработало для меня.

Метки: