SwiftUI 初学者：带有表单和列表的 VStack

Question

我是 SwiftUI Layout 的初学者（不是编码），我有一个问题

代码如下：

var body: some View {
    NavigationView {
        VStack {
            Form {
                TextField("Nome", text: $name)
            }
            .navigationBarTitle("Aggiungi Dispensa", displayMode: .inline)
            .navigationBarItems(trailing: Button("Aggiungi") {
                if self.name.count > 0 {
                    let item = DispItem(name: self.name)
                    self.dispense.items.append(item)
                }
                self.name = ""
            })
            
            List {
                let sortedItems = dispense.items.sorted {
                    $0.name < $1.name
                }
                ForEach(sortedItems) { item in
                            Text(item.name)
                                .font(.headline)
                }
                .onDelete(perform: removeItems)
            }
        }
    }
}

基本上是一个由Form和List组成的VStack 但是我不明白顶部的空白空间以及Form和List之间的空白区域是哪里来的。

谢谢 马可

Answer 1

正如@Asperi 在他评论中的链接中指出的那样，您可以使用VStack(spacing: 0) 删除Form 和List 之间的空格。

对于导航栏链接和标题之间的空间，看起来您将NavigationView 项目嵌套在彼此内部。

调用此视图的视图（是否称为“Impostazione”？）有一个NavigationView，因此您的子视图（“Aggiungi Dispensa”）不需要自己的NavigationView