[React Native - ios] createMaterialTopTabNavigator Tab.Screen 구현 시, 최초 렌더링에서 full screen height 구현되지 않는 버그

* createMaterialTopTabNavigator 를 이용하여 상단 탭 구성 후 앱 실행 시, 최초 rendering 에서 Tab.Screen 전체가 표시되지 않고, 다른 탭으로 이동 후 돌아오면 정상적으로 표현됨

 

 

# 원인

react-native 에서 제공되는 SafeAreaView 를 사용했었는데,

navigation 사용 시에는 react-native-safe-area-context 에서 제공하는 SafeAreaView를 사용해야 더욱 안정적이라고 했고,

변경하여 적용하였으나 동일한 현상이 발생함

* reference : https://reactnavigation.org/docs/handling-safe-area

++++

최종적으로 react-native-pager-view 의 v5.4.15 에서 발생하는 버그로 확인됨

 

# 해결

react-native-pager-view 패키지의 버전을 v5.4.15 --> v5.4.1 로 변경하여 해결함

//before 
    "react-native-pager-view": "^5.4.15",

//after
    "react-native-pager-view": "^5.4.1",

* reference : https://github.com/react-navigation/react-navigation/issues/10528#issuecomment-1106234000