浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【React Native】iOSでダークモードを強制的に禁止にする

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 アプリでダークモードを強制的に禁止にする方法でした。
ご参考になれば幸いです。

  • この記事いいね! (0)