강의영상과 다르게 나옵니다.

Question

[사진] 강의와 같이 tab.screen name = 'list'로 했는데 하단에도 글씨가나오고 상단에도 같이나와서요...ㅠ  https://github.com/Dong-Seung-hyeon/rn-Login

Answer

안녕하세요,

강의에서 사용한 리액트 내비게이션 버즌은 5버전이고, 현재 최신버전은 6버전이라서 약간의 차이가 있습니다.

탭 내비게이터의 헤더를 감추면 강의와 같은 모습으로 나타납니다.

navigations/Home.js 파일에서 Tab.Navigator 컴포넌트의 screenOptions 에 headerShown: false를 추가하세요.

<Tab.Navigator

screenOptions = {{ headerShown: false }}

tabBarOptions ={{...}}

>

감사합니다