如何在SwiftUI中垂直对齐图纸顶部的视图

如何在SwiftUI中垂直对齐图纸顶部的视图,swiftui,Swiftui,我希望垂直对齐模式图纸顶部的视图。父视图中有NavigationView和VStack 导入快捷界面 结构DemoView:视图{ @国家私有变量选择:Int=0 @国家私有变量文本:String=“” var body:一些观点{ 导航视图{ VStack{ 选择器(选择:$selection,标签:Text(“…”){ 文本(“…”).tag(0) 文本(“…”).tag(1) } .边框(颜色.灰色) 文本字段(“编辑”,文本:$text) .填充(8.0) .边框(颜色.灰色) 垫片()

我希望垂直对齐模式图纸顶部的视图。父视图中有
NavigationView
VStack

导入快捷界面
结构DemoView:视图{
@国家私有变量选择:Int=0
@国家私有变量文本:String=“”
var body:一些观点{
导航视图{
VStack{
选择器(选择:$selection,标签:Text(“…”){
文本(“…”).tag(0)
文本(“…”).tag(1)
}
.边框(颜色.灰色)
文本字段(“编辑”,文本:$text)
.填充(8.0)
.边框(颜色.灰色)
垫片()
.边框(颜色.灰色)
}
.navigationBarItems(尾部:按钮{
}标签:{Text(“Done”)})
}
}
}
结构DemoView\u预览:PreviewProvider{
静态var预览:一些视图{
DemoView()
}
}
但是,预览中将显示额外的空间


如何删除此空间?此问题是否受
NavigationView
VStack
对齐的影响?或者,
Picker
顶部是否需要额外的空间?谢谢。

这是一个大标题区域,您可以将其内联

Spacer()
  .border(Color.gray)
  .navigationBarTitle("", displayMode: .inline)   // inside NavigationView

.navigationBarTitleDisplayMode(.inline)
也可用。