Press "Enter" to skip to content

【SwiftUI】zIndex

Viewが重なった時の表示優先度を設定することができ、数字が大きいViewが優先的に表示されます。

ZStack {
    Color.red
        .frame(width: 100, height: 100, alignment: .center)
        .zIndex(0)
    
    Color.green
        .frame(width: 100, height: 100, alignment: .center)
        .zIndex(1)
}

四角い緑と赤の図形を重ねてみました。緑のViewの方が zIndex が大きいので緑色が表示されます。

zIndex の値を逆にすると、赤色が表示されます。

コメントを残す

メールアドレスが公開されることはありません。