Delivery 컴퍼넌트에서 헤더 숨김 설정

배달앱 클론코딩 [with React Native]

작성

161

"스크린과 중첩 라우팅" 강의 설명에는 있는데 GitHub 코드에는 해당 부분이 없네요.

강의 뒷 부분에서 삭제한 것일 수도 있지만, 강의 중간에 해당 코드가 없어서 추가합니다.

Delivery 컴퍼넌트를 다음과 같이 수정하면 됩니다.

<Stack.Navigator
initialRouteName={'Ing'}
screenOptions={{headerShown: false}}>
<Stack.Screen name="Ing" component={Ing} />
<Stack.Screen name="Complete" component={Complete} />
</Stack.Navigator>

참고로 강의에서는 각 Screen에서 options 설정으로 했는데
API 문서에 보니 Navigator에서 설정하면 전체가 적용이 되는 것으로 되어 있어서
이렇게 해 봤습니다.

react-native

답변 1

제로초(조현영)

지식공유자

감사합니다. 이걸 보니 갑자기 생각이 나는게 제가 강좌에서 Screen들 묶을 때 Group 쓴다고 하고 잠깐 넘어갔던 것이 있는데, Group에도 screenOptions가 있어서 Group 내 screen들에 공통 옵션을 적용해줄 수 있습니다.

Navigator -> Group -> Screen 이런 위계 질서를 갖게 되고

Navigator와 Group에는 하위 것들에 대한 공통 옵션을 screenOptions로 줄 수 있게 됩니다.

run2nextstep

질문자

주말인데도 빠른 답변과 추가 설명 고맙습니다.

인프런 커뮤니티 질문&답변

Delivery 컴퍼넌트에서 헤더 숨김 설정