【SwiftUI】画面の背景色指定

（2021/09/12 更新）

画面の背景色を指定する方法を解説します。
UIKitではUIViewControllerのプロパティで設定しますが、SwiftUIではどうするのでしょうか？

環境

この記事の情報は次のバージョンで動作確認しています。

【Xcode】12.5RC
【Swift】5.4
【iOS】14.5
【macOS】Big Sur バージョン 11.5.2

struct ContentView: View {

var body: some View {

ZStack {

Color.yellow

.ignoresSafeArea()

Text("背景色の指定")

}

ZStackを使って、表示コンテンツの下に背景色を重ねる仕組みで実現します。

.ignoresSafeArea() を付加する事で、背景色の表示領域をセーフエリア外まで拡張しています。
これにより、背景色が画面いっぱいに表示されます。

背景色を指定するColorを別のViewに置き換えて、次のようなグラデーション表示にするなんて芸当も簡単にできます。

struct ContentView: View {

var body: some View {

ZStack {

LinearGradient(gradient: Gradient(colors: [.white, .yellow]), startPoint: .top, endPoint: .bottom)

.ignoresSafeArea()

Text("背景色の指定")

}