SwiftUI中如何将Footer固定在ScrollView的屏幕底部？

要让footer恰好贴在屏幕底部边缘，同时保证列表内容过长时footer能随滚动到底部，可以按以下方式修改代码：

VStack(spacing: dimensions.spacing300) {
    header
        .environment(\.mbContextTheme, .lightAlternative)
        .onTapGesture {
            UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
        }
        .background(colors.neutralBg50
            .edgesIgnoringSafeArea(.top))
    // 修正后的ScrollView部分
    ScrollView {
        VStack(spacing: 0) {
            list
            // 用minLength:0的Spacer控制footer位置
            Spacer(minLength: 0)
            footer
                .onTapGesture {
                    UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder),
                                                    to: nil,
                                                    from: nil,
                                                    for: nil)
                }
        }
    }
    .frame(maxHeight: .infinity) // 让ScrollView填满header下方的所有可用空间
}

关键调整说明： #

• ScrollView设置maxHeight: .infinity：确保ScrollView占据header下方的全部剩余空间，为内部VStack提供足够的布局空间。
• 替换原Spacer和footer的frame设置：使用Spacer(minLength: 0)替代普通Spacer和frame(height: .infinity)，这样：
  • 当列表内容不足屏幕高度时，Spacer会填充剩余空间，将footer推至ScrollView底部（即屏幕边缘）；
  • 当列表内容超过屏幕高度时，Spacer会被压缩至0高度，footer自然跟随列表滚动到底部。
• 移除footer的无限高frame设置：原.frame(height: .infinity)会强制footer试图占据无限高度，导致Spacer被过度拉伸，这是之前高度异常的核心原因。

如果需要适配底部安全区域，可给footer添加底部padding：

footer
    .padding(.bottom, UIApplication.shared.windows.first?.safeAreaInsets.bottom ?? 0)
    .onTapGesture {
        // ... 收起键盘逻辑
    }

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