안드로이드 다크모드 해제/라이트모드 고정 (react-native android force light mode)

안드로이드 다크모드 해제(react-native android force light mode)

 

다크모드때문에 TextInput에 글자가 하얀색으로 들어가면서 글자가 안보이는 현상, placeholder안에 내용이 안보이는 현상이 있다

이럴때는 light모드로 고정하면된다. ios도 별도 방법을 적용해야된다.

항상 프로젝트 할때마다 까먹고는 한다.

이것 외에도 예외상황을 모두 막는것이 나중에 피곤하지 않다. 아이폰 글자크기 고정시키는것 등 될수있으면 미리 해주자....

Light-theme에서 앱을 강제로 유지하는 솔루션을 찾았습니다.

Android의 경우:
이동android/app/src/main/res/values/styles.xml하여 다음 줄을 추가합니다.

<item name="android:forceDarkAllowed">false</item>
파일은 다음과 같습니다.

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:textColor">#000000</item>
        <item name="android:forceDarkAllowed">false</item>
    </style>
</resources>

iOS의 경우:
이동Info.plist하여 다음 코드를 추가합니다.

<key>UIUserInterfaceStyle</key>
<string>Light</string>
그게 다야, 이전 빌드를 삭제하는 것을 잊지 마십시오. 이것이 당신에게 효과가 있기를 바랍니다! 건배.

 

https://github.com/facebook/react-native/issues/27876

react native force light mode in android app · Issue #27876 · facebook/react-native

https://stackoverflow.com/questions/57175226/how-to-disable-night-mode-in-my-application-even-if-night-mode-is-enable-in-andr/64339016#64339016

How to disable night mode in my application even if night mode is enable in android 9.0 (pie)?