Como forçar Modo Claro no React Native

"Meus ícones e tags perderam a estilização!".

Caso isso tenha acontecido, existem grandes chances de você ter colocado seu smartphone em Modo Escuro e tenha afetado a estilização do seu app em React Native. Claro, existe sempre a opção de você estilizar de tal forma que funcione tanto no Modo Escuro e no Modo Claro.

Mas também existe a opção de desabilitar o modo escuro do React Native.

Para isso, vá até:

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

e mude:

<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">

para isso:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

Deverá ficar assim:

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

Para aplicar as alterações somente reinstalar o aplicativo no seu celular.