SwiftUI：如何让ScrollView占据VStack剩余空间

问题根源在于ScrollView的高度约束逻辑：默认情况下，ScrollView会根据自身内容高度调整尺寸，当顶部视图总高度较小时，它会试图抢占更多空间甚至覆盖顶部视图。要让ScrollView始终只占据VStack的剩余空间，只需给ScrollView添加**frame(maxHeight: .infinity)**约束即可。

修改后的完整代码：

struct ContentView: View {
    var body: some View {
        VStack {
            // 顶部固定视图（示例保留单个Text）
            Text("First Text")
                .background(Color(red: 0.5, green: 0, blue: 0))
            
            ScrollView {
                VStack(spacing: 0) {
                    Text("Hello")
                    Text("World")
                }
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity) // 新增maxHeight约束
            .background(Color(red: 0, green: 0.5, blue: 0))
        }
        .edgesIgnoringSafeArea(.all)
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

关键说明： #

• frame(maxHeight: .infinity)会强制ScrollView在VStack布局中，占据所有未被顶部视图占用的剩余垂直空间，无论顶部视图数量多少，都能保证顶部视图正常显示，ScrollView不会覆盖它。
• 保留maxWidth: .infinity确保ScrollView横向铺满屏幕，符合原有布局需求。

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