Cordova のときも似たようなことを書きましたが…React Native だとちょっとだけ指定方法が違ったので備忘録としてまとめ。
タイトル通り、iOS アプリでダークモードを強制的に無効にする方法についてです。
参考にさせていただいた記事はこちら。
Status Bar Dark Content Not Working On iOS 13 Dark Mode · Issue #26619 · facebook/react-native · GitHub
https://github.com/facebook/react-native/issues/26619
修正するのは、Info.plist のみです。
こちらのファイルを適当なテキストエディタで開き、下記の 4行を追加してください。
<key>UIUserInterfaceStyle</key> <string>Light</string> <key>UIViewControllerBasedStatusBarAppearance</key> <true/>
確か、Cordova の時は、UIUserInterfaceStyle のみ設定すればよかったような気もしますが、React Native の場合は UIViewControllerBasedStatusBarAppearance も必要なんですね。
上記を追加し終わったら、react-native run-ios コマンドでアプリを実行してください。
ダークモードが有効になっている端末で確認したところ、無事ダークモードが無効になっていることが確認できました。
以上、React Native の iOS アプリでダークモードを強制的に禁止にする方法でした。
ご参考になれば幸いです。
