对象在 SwiftUI 工作表中未对齐

Question

我在 Swift Playground 中使用工作表，我想将加号对齐到屏幕的左上角，但是当我尝试运行下面的代码时，加号没有对齐，它只是保留在工作表的中心。有没有办法解决这个问题？

免责声明：我正在使用 SwiftUI 和 Swift Playground

struct SecondView : View {
@Environment(.presentationMode) var presentationMode
@State var string: String
var body: some View {
VStack {
Button(action: {
self.presentationMode.wrappedValue.dismiss()
}, label: {
Image(systemName: "plus")
.resizable()
.frame(width: 30, height: 30, alignment: .leading)
})
}
}
}

Answer 1

在 SwiftUI 中，生成的父视图的边界通常由其中的视图决定。在这种情况下，您的整体视图受按钮(在 VStack 中(的约束，因此以任何方式对齐它都不会在它的严格范围内移动太多(或根本不移动(。如果你在最外面的视图周围画一个边框/背景，你就会明白我的意思。

一种解决方案是使用Spacer()灵活地扩展内部视图以占用额外的可用空间。

var body: some View {
VStack {
HStack { 
Button(...) // probably want to add some padding
Spacer()
}
Spacer()
}
} 

或者在关闭按钮的情况下，请查看将其添加为覆盖。

文字如下：

var body: some View {
VStack {
VStack(spacing: 10) {
HStack { 
Button(...) // probably want to add some padding 
Spacer()
}
Text(...)
}
Spacer()
}
}