[RN/IOS/AOS] 앱의 테마 라이트모드로 고정하기!

RN 으로 개발중인 앱에 html로 받아오는 데이터들 중 텍스트의 색상을 지정해주지 않은 태그들은

디바이스의 다크모드/라이트모드 설정에 따라 블랙/화이트로 유동적으로 변경되게 되는데,

 

우리 앱에서는 디바이스 테마를 따로 제어하지 않아서 흰 배경에서 나오는 html 소스들이

다크모드로 실행되면 텍스트 색상이 white이기에 어려움이 있었다.

 

그래서 생각해낸 해결방법 중 하나는 앱의 테마를 라이트모드로 고정하는 것인데,

그 방법은 아래와 같다.

 

[Android]

android > app > src > main > res > values > styles.xml 경로에서

style 부분을 다음과 같이 바꿔준다.

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

 

[IOS]

info.plist 파일의 <dict> 태그 안에

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

코드를 넣어주면 된다.

 

출처 : https://nickname33.tistory.com/24