ReactNativeでダークモードでもアプリを強制的にライトモードにするお話

突然ですがiOS端末がダークモードになっていたとしても、アプリはライトモードのままにして欲しいって場合ありませんか？

僕はありました。

ライトにしたい理由は、DateTimePickerライブラリ

こいつがダークモードで確認すると白色になって見えない問題が発生してしまったため。

それなら端末がダークモードでもアプリ内では強制的にライトモードにすれば解決でしょ（小並感）

って感じで色々調べたらinfo.plistの中に以下の記述を書けばいいってあったので書きました。

info.plist

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

pod install して yarn react-native run iosで動作確認！

DateTimePickerライブラリも無事に見えるようになったし解決した！

ハイハイメデタシメデタシ….

え？？？？

位置情報アラートの色がライトモードになってない問題が発生…..

あ”あ”あ”あ”あ”あ”あ”あ”あ”も”お”お”お”お”お”お”お”！！！！！！！！！

…ってことでさらに調査していくとこんな感じに記述するといいよってあったので書きました。AppDelegate.m

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

どや？

変わらない。。。。

Nativeの部分のダイアログの色は変更することができないみたいです。

自分で作成したアラートダイアログは問題なく強制ライトモードが反映されていました！