react-native : bottom navigation 크기 조절하기

bottom navigation 만드는 전체적인 코드는 쉽게 찾을 수 있으므로 생략하겠습니다.

 

react native 에서 bottom navigation 은

 

스택이라는 각각 탭에서의 버튼에 대응하는 요소들을 만들어주고

createBottomTabNavigator 로 하나의 navigation tab 이라는 그룹으로 묶어준 후에

 

createSwitchNavigator 에 등록시킴으로써, 사용할 수 있습니다.

https://reactnavigation.org/docs/en/bottom-tab-navigator.html

React Navigation · Routing and navigation for your React Native apps

를 참고하면

createBottomTabNavigator 를 이용하여 navigation tab 을 사용하기전에, 

 

2번째 argument 로 config 를 넣어줄 수 있습니다. bottom navigation 의 style 을 삽입하려면

tabBarOptions 에 style 속성을 만들어서 넣어주면 됩니다.

 

react-native bottomTabNavigator 크기조정

react-native bottomTabNavigator height

react-native bottomTabNavigator style