SwiftUI/ZStackだけでなく、VStackやHStackも子要素の宣言位置が低いほど重なりが手前になる

環境

code:sh

$xcodebuild -version

Xcode 15.0.1

Build version 15A507

スクリーンショットは iOS 17.0.1 上のプレビュー

モチベーション

PRで教えてもらったのでメモ

/icons/hr.icon

code:swift

VStack {

Rectangle()

.fill(Color.yellow)

.frame(width: 100, height: 100, alignment: .center)

.zIndex(1) // A

Rectangle()

.fill(Color.red)

.frame(width: 100, height: 100, alignment: .center)

.rotationEffect(.degrees(45))

}

HStackも同様で、宣言位置が後になるほど重なりは手前になる