React-Native ios StatusBar style 적용 안 될 때

React Native로 만든 앱이 IOS일때만 계속 해서 StatusBar Style이 적용되지 않았다.

앱이 전체적으로 흰 배경이라 

<StatusBar barStyle="dark-content" />

dart-content를 적용해주었으나 StatusBar 자체가 흰색으로 아예 아이콘들이 
나타나지 않았다.

찾아보니 IOS 13버전부터는 다크모드가 지원되면서 생긴 이슈라고 한다.

해결방법은 간단하다.

info.plist에 기본적으로 Light를 쓰겠다고 지정해주면 된다.
아래 코드를 info.plist에 추가해주면 끝!

<key>UIUserInterfaceStyle</key>
<string>Light</string>

 

참고 자료 : https://right-hot.tistory.com/entry/reactnative-IOS-dark-mode-%EC%82%AC%EC%9A%A9-%EC%95%88%ED%95%98%EA%B8%B0

react-native IOS dark mode 미사용, 사용 안하기

https://isolution.pro/ko/q/so69544065/ios-13eseo-dakeu-modeuleul-obteu-aus-hal-su-issseubnikka

iOS 13에서 다크 모드를 옵트 아웃 할 수 있습니까?