만약 헤더와 관련한 설정을 특정 화면에만 적용하지 않고, 네이티브 스택 내비게이터에서 관리하는 모든 화면에 넣고 싶다면 Stack.Navigator에 screenOptions라는 Props를 설정하면 됩니다. 이 Props에 넣는 값은 Stack.Screen의 options와 같습니다. 즉, 모든 화면에서 헤더를 없애고 싶다면 다음과 같이 하면 됩니다.

App.js - Stack.Navigator

<Stack.Navigator
  initialRouteName="Home"
  screenOptions={{
    headerShown: false,
  }}>

지금 단계에서 헤더 커스터마이징과 관련한 내용은 이 정도만 알아두어도 충분하지만, 헤더를 커스터마이징할 수 있는 설정은 지금까지 설정해본 것 외에도 많습니다. 더 자세한 내용은 공식 문서를 참고해주세요.

• https://reactnavigation.org/docs/native-stack-navigator#options