SwiftUI 1-1-2. ダークモードに切り替える

iOSにはライトモードとダークモードがあります。

基本的にユーザがOSの設定で決めるものなのでプログラム側で何かすることはありません。ただ作成するAppのコンセプトによってはダークモードに固定したいといったリクエストもあると思います（※ 夜がテーマのAppならダークモードに固定したくなるとおもいます）。

今回はプレビューでの見え方を統一するためにコードでモードの切り替えを行います。 モードの切り替えはContentViewに対して設定します。

• MyAppを開く
• ContentView() に .preferredColorScheme(.dark) を追加する
• ContentView() がダークモードになることをプレビューで確認
  • .darkを.lightとすればライトモードになります

コード

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

import SwiftUI

@main
struct MyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
            .preferredColorScheme(.dark)
        }
    }
}

結果