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://github.com/facebook/react-native/issues/26619#issuecomment-536191518 https://github.com/facebook/react-native/issues/26299 IOS 13 버전에 다크모드가 추가되면서 디폴트 TEXT 컬러가 흰색으로 바..

right-hot.tistory.com

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

 

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

 

isolution.pro

 

+ Recent posts