SwiftUI如何将视图固定到ScrollView/VStack底部

原有写法不生效的原因 #

ScrollView属于自适应内容尺寸的容器，内部布局没有明确的高度约束，因此你写的Spacer()无法自动撑开占据剩余空间，自然无法把Footer推到底部。

分场景实现 #

场景1：内容不足时Footer贴ScrollView底部，内容超出时Footer跟随内容滚动 #

这是你需求对应的效果，核心实现逻辑是给ScrollView内部的内容容器设置最小高度，和ScrollView可视区域高度保持一致，此时Spacer就可以正常撑开推挤Footer位置。
完整可运行代码：

struct ContentView: View {
    var body: some View {
        VStack {
            // 读取ScrollView可用区域尺寸
            GeometryReader { proxy in
                ScrollView(.vertical, showsIndicators: false) {
                    VStack(alignment: .leading) {
                        Text("Top Title")
                        Text("Body")
                        Spacer()
                        Text("Footer")
                    }
                    // 撑满宽度，设置最小高度为可视区域高度，顶部对齐内容
                    .frame(maxWidth: .infinity, minHeight: proxy.size.height, alignment: .topLeading)
                }
                .background(Color.red)
            }

            Button("Done") {
                // 自定义按钮操作
            }
        }
    }
}

注意：GeometryReader需要放在ScrollView外层，避免内容滚动时反复触发尺寸计算导致布局异常。

场景2：Footer悬浮固定在ScrollView可视区域底部，不随内容滚动 #

如果需要Footer一直悬浮在ScrollView底部，不跟随滚动内容移动，直接使用overlay修饰符即可：

struct ContentView: View {
    var body: some View {
        VStack {
            ScrollView(.vertical, showsIndicators: false) {
                VStack(alignment: .leading) {
                    Text("Top Title")
                    Text("Body")
                    // 滚动内容区域无需放置Footer
                }
                .frame(maxWidth: .infinity, alignment: .topLeading)
            }
            .background(Color.red)
            // 悬浮固定Footer到底部
            .overlay(alignment: .bottom) {
                Text("Footer")
                    .padding()
            }

            Button("Done") {
                // 自定义按钮操作
            }
        }
    }
}

内容的提问来源于stack exchange，提问作者tHatpart