swiftui - 为什么 SwiftUI“表单”会导致我的按钮转到屏幕底部？

Question

我想创建一个视图，它有一个下面有一个按钮的表单。如果我包含一个表单和一个按钮，则该按钮会转到屏幕底部。

没有表单元素

带有表单元素

这只是一个 SwiftUI 错误吗？还是我做错了什么？

//
//  TestFile.swift
//  searchparty
//
//  Created by Me
//

import SwiftUI

struct TestFile: View {
    var body: some View {
        VStack {
            Form{
                Text("Hello, World!")
            }
            
            Button("Button") {
                print("Button tapped!")
            }
        }
    }
}

struct TestFile_Previews: PreviewProvider {
    static var previews: some View {
        TestFile()
    }
}

Answer 1

一个空Section的 afooter将完成这项工作，尽管您需要明确设置字体，否则footer将根据表单页脚环境更改它：

struct ContentView: View {
    var body: some View {
        Form {
            Text("Entry")
            
            Section(footer:
                        HStack {
                            Spacer()
                            Button(action: {}) {
                                Text("My button")
                                    .font(.system(.body))
                            }
                            Spacer()
                        }
            ) {
                EmptyView()
            }
        }
    }
}