SwiftUI如何将视图垂直居中放置在VStack内
我想要一个视图位于屏幕的垂直中心,一个视图位于屏幕顶部,一个视图位于这两个视图之间的垂直中心,如下所示:SwiftUI如何将视图垂直居中放置在VStack内,swiftui,vertical-alignment,vstack,Swiftui,Vertical Alignment,Vstack,我想要一个视图位于屏幕的垂直中心,一个视图位于屏幕顶部,一个视图位于这两个视图之间的垂直中心,如下所示: 这花了我5分钟在故事板上完成,但我似乎没有找到在SwiftUI中完成的方法这里是可能的解决方案。使用Xcode 12/iOS 14进行测试 非常感谢。overlay()正是我所缺少的!和Color.clear是SwiftUI的“去作弊”视图吗? struct SelectionView: View { var body: some View { ZStack {
这花了我5分钟在故事板上完成,但我似乎没有找到在SwiftUI中完成的方法这里是可能的解决方案。使用Xcode 12/iOS 14进行测试 非常感谢。overlay()正是我所缺少的!和Color.clear是SwiftUI的“去作弊”视图吗?
struct SelectionView: View {
var body: some View {
ZStack {
Color.green
.edgesIgnoringSafeArea(.all)
VStack(spacing: 16) {
Color.clear
.overlay(
VStack {
Image(systemName: "clock")
.resizable()
.foregroundColor(.white)
.aspectRatio(contentMode: .fit)
.frame(width: 156, height: 80)
Color.clear
.overlay(
Text("My\nmultiline label")
.multilineTextAlignment(.center)
.font(.title)
.foregroundColor(.white)
)
}
)
RoundedRectangle(cornerRadius: 5).fill(Color.white).frame(height: 79)
RoundedRectangle(cornerRadius: 5).fill(Color.white).frame(height: 79)
Color.clear
}
.padding([.leading, .trailing], 24)
}
}
}