为什么 SwiftUI "Form" 会导致我的按钮转到屏幕底部？

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

带有 footer 的空 Section 就可以完成这项工作，尽管您需要明确设置字体，否则 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()
            }
        }
    }
}

为什么 SwiftUI "Form" 会导致我的按钮转到屏幕底部？

Why does the SwiftUI "Form" cause my button to go to the bottom of the screen?

swiftui

swiftui-form