Expo - Navigation (3)

이어서, navigation에 사용되는 옵션들 중에서 본인이 사용한 것들 위주로 정리해보았다.

 

1. Stack.Navigator 옵션

• screenOptions : 화면에 대한 옵션관리
  • headerShown : 헤더 유무(boolean)
  • headerStyle : 헤더 스타일(object)
  • headerTintColor : 헤더 텍스트 색상(string)
  • headerTitleStyle : 헤더 타이틀 스타일(object)
  • headerTitleAlign : 헤더 타이틀 정렬(string)
  • headerBackVisible : 헤더 뒤로가기 버튼 유무(boolean)
  • headerShadowVisible : 헤더 그림자 유무(boolean)
• initialRouteName : 첫 라우팅될 페이지 이름(설정 안할 경우, 일반적으로 가장 먼저 선언한 Screen으로 지정된다.)

2. Stack.Screen 옵션

• headerTitle : 헤더 타이틀 내용(string)
• headerShown : 헤더 보여주기 여부(boolean)
• headerLeft / headerRight : 헤더 좌우 버튼 영역 커스텀(component)

 

이 외에도 다양한 옵션들이 존재하는데 이는 react-navigation 공식문서 등을 참고하면서 사용하면 된다.

https://reactnavigation.org/

React Navigation | React Navigation