有没有办法动态覆盖单个元素中HStack
的对齐属性?
Consider this scenario个
- 有一位家长
HStack
有alignment = bottom
-
HStack
内有3个不同大小的元素 - 我希望第三个元素对齐到
HStack
的顶部.此对齐方式与Hstack
的底部对齐方式不同
var body: some View {
HStack(alignment: .bottom) {
Rectangle()
.fill(.yellow)
.frame(height: 100)
Rectangle()
.fill(.blue)
.frame(height: 20)
// I want this to go to the top of the HStack
Rectangle()
.fill(.green)
.frame(height: 50)
}
.background {
Color.red
}
}
我试图让HStack
尊重HStack
的最高高度,只是改变最后一个元素的对齐方式.
我曾try 将第三个元素包装在另一个堆栈中,但只有在指定等于父级子级中最高高度maxHeight
的情况下才有效.
这意味着这些矩形必须知道它们的sibling 元素.
HStack {
Rectangle()
.fill(.green)
.frame(height: 50)
}
.frame(maxHeight: 100, alignment: .top)