背景色・背景画像の状態
今回はZStackに背景色を設定します。特に指定なしだと、下記のようにホームバーの後ろ(セーフエリアっていうらしい)と時計と表示されている上部に背景色が設定されません。
面倒臭いよね。この仕様に恩恵 受けている開発者はいるのだろうか。。
いやいない(断言)
![](https://golira-pochette.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-14-16.59.33-519x1024.png)
![](https://golira-pochette.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-14-17.39.21-527x1024.png)
改善策
.edgesIgnoringSafeArea(.all)←とりあえずこれ指定しておけばおk
下は背景画像のやつ
struct SampleView: View {
VStack {
}.background(
Image("resultBack")
.resizable()
.scaledToFill()
.edgesIgnoringSafeArea(.all)
)
}
こちらは背景色。Colorの中の引数はAssetで指定しているので、読み替えてくださいな。
truct SampleView: View {
VStack {
Color("Color_2").edgesIgnoringSafeArea(.all)
}
}
以上!!!
さよなら〜〜〜〜