[REACT NATIVE] 다크모드 disable

만드는 앱에서 항상 본래 디자인을 유지하기 위해서 다크모드를 막기로 결정했다.

 

Android

android > app > src > main > res > values > styles.xml 

에서 AppTheme에 해당하는 style 부분을 다음과 같이 바꿔준다.

    <!-- 기본적으로 Light 모드 => Light.NoActionBar -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:textColor">#000000</item>
        <!-- 다크모드 해제 -->
        <item name="android:forceDarkAllowed">false</item>
    </style>

 

iOS

info.plist 에 다음과 같이 추가해준다

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

 

** 위와 같이 info.plist 에만 추가 해주는 방법 말고 다른 방법도 있다고 한다.

위 방법으로도 충분하겠지만 혹시 문제가 있다면 아래 방법도 있으니 시도해보자.

    // AppDeletegate.m
    if (@available(iOS 13.0, *)) {
        rootView.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
    }