SwiftUI：将按钮定位在列表下方

Question

我的一个视图有一个分组 List，我喜欢在最后一行下方放置一个按钮。这是代码：

var body: some View {
    VStack() {
        List {
           Text("Hello World")
           Text("Hello World")
           Text("Hello World")
           Text("Hello World")
        }
        .listStyle(GroupedListStyle())

        Button("Button") {}
    }
    .navigationBarTitle("Hello World", displayMode: .inline)
}

问题：按钮总是出现在屏幕底部。我尝试添加间隔符，向 VStack 添加间距修饰符，但按钮始终位于底部：

相反，我希望按钮位于列表下方并留出一些间距。

我该怎么做？

Answer 1

当然，发布问题后我很快就找到了解决方案。我将部分添加到列表中，然后将按钮放在第二部分的页脚中。我还删除了不再需要的 VStack.

var body: some View {
    List {
        Section {
           Text("Hello World")
           Text("Hello World")
           Text("Hello World")
           Text("Hello World")
        }
        
        Section(footer:
            HStack(alignment: .center) {
                Spacer()

                Button("Button") {
                    print("tapped button")
                }
                Spacer()

        }) {
            EmptyView()
        }
    }
    .listStyle(GroupedListStyle())
    .navigationBarTitle("Hello World", displayMode: .inline)
}

结果：

SwiftUI：将按钮定位在列表下方

SwiftUI: positioning a Button below a List

spacing

swift

swiftui

vstack