背景色・背景画像の状態

今回はZStackに背景色を設定します。特に指定なしだと、下記のようにホームバーの後ろ(セーフエリアっていうらしい)と時計と表示されている上部に背景色が設定されません。

面倒臭いよね。この仕様に恩恵 受けている開発者はいるのだろうか。。

いやいない(断言)

改善策

.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)
    }
}

以上!!!

さよなら〜〜〜〜

投稿者 nikudango

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です