3
5

More than 3 years have passed since last update.

Flutter iOS dark modeが設定された環境では起動画面を黒くする

Posted at

iOSの起動画面のdark mode対応について、LaunchScreen.storyboardで、背景色の設定を System Background Colorに設定しておけば自動的に通常時👉白、ダークモード時👉黒になるとのこと。

手順をまとめます。

1. XCodeを開く

プロジェクトディレクトリの

ios/Runner.xcworkspace

をダブルクリックしてXCodeを開きます。

2. LaunchScreen.storyboardを選択します。

a1.jpg

3. Viewを選択します。

a2.jpg

4. Backgroundの設定を変更

a3.jpg

プルダウンでカラーリストを開き、System Background Color を選択します。

以上

まとめ

dark modeで使っていると、起動画面だけ白く表示されるアプリがまだ多いです。目がやられそうになるので自分が作るアプリではそうならないようにしたいと思い対応しました。

Flutterプロジェクトの説明として書きましたが、通常iOSプロジェクトの設定部分です。
希望のカラーを指定したいところですが、ひとまずこの調整で簡単対応できるので良さそうです。

参考ページ

3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5