[React Native] drawer navigator 메뉴 버튼 위치 변경하기

260·2023년 5월 30일
0

React Native

목록 보기
1/5

상단 좌측에는 로고가 들어가고 우측에 메뉴 버튼을 배치하려고 한다.
하지만 react-navigation v5에서는 drawerPosition를 사용해서 메뉴 버튼의 위치를 변경할 수 있었으나 v6부터는 적용되지 않는다고 한다. 그래서 커스텀 헤더를 생성해서 메뉴 버튼을 오른쪽에 배치하려고 한다.

커스텀 헤더 생성하기

header의 props로 커스텀 헤더 넘겨주기

커스텀 헤더가 적용된 모습

0개의 댓글