[React Native] Drawer Navigator 아이콘 오른쪽으로 바꾸기

sona·2023년 2월 19일
0

🚀 React

목록 보기
19/20

Drawer Navigator은 Left side가 default이다.
오른쪽으로 바꾸고 싶어서
drawerPosition: 'right'
을 해주었더니 위에 햄버거 아이콘은 그대로 왼쪽에 있고 열리는 것만 오른쪽에서 열리게 됨.


import {
  createDrawerNavigator,
  DrawerToggleButton,
} from '@react-navigation/drawer';


<Drawer.Navigator
      drawerType="front"
      screenOptions={{
        drawerPosition: 'right',
        headerLeft: false,
        headerRight: () => <DrawerToggleButton />,
      }}>
</DrawerNavigator>

DrawerToggleButton을 import 해주고 Options 추가.

메뉴도 오른쪽으로 바뀌고 화면도 오른쪽에서 뜬다!

0개의 댓글