#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>
Это сработало для меня.