Estoy tratando de mover el menú de hamburguesas de izquierda a derecha en reaccionar nativo. Lamentablemente no puedo. ¿Alguien puede ayudarme por favor...? Este es el código:
import * as React from 'react'; import { View, Text } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createDrawerNavigator } from '@react-navigation/drawer'; import { DrawerActions } from '@react-navigation/native'; import pageArticle from "./pages/article"; import pageFeed from "./pages/feed"; const Drawer = createDrawerNavigator(); const MyDrawer = () => { return ( <Drawer.Navigator initialRouteName="Feed" screenOptions={{ drawerPosition: 'right', }} > <Drawer.Screen name="Feed" component={pageFeed} /> <Drawer.Screen name="Article" component={pageArticle} /> </Drawer.Navigator> ); } export default function App() { return ( <NavigationContainer> <MyDrawer /> </NavigationContainer> ); }
Con el comando cajónPosición: 'derecha', puedo poner el cajón a la derecha pero no el menú de hamburguesas.
Por favor, ayúdame...
Puede representar un componente de encabezado personalizado y colocar el botón de menú donde desee.
<Drawer.Navigator initialRouteName="Feed" screenOptions={{ drawerPosition: 'right', header: (props) => { return <CustomHeaderComponent {...props}/> } }} >