SwiftUI ScrollView适配文本高度及非滚动需求问题咨询

针对你遇到的两个问题，调整布局逻辑即可解决，以下是具体方案：

基础自适应方案 #

移除代码中通过GeometryReader获取contentSize并限制VStack高度的逻辑，利用SwiftUI自动布局特性，让ScrollView在内容较短时自动收缩到文本高度（此时无法滚动），内容较长时扩展到父容器最大可用高度（超出部分可滚动）。

修改后的代码：

struct Test2: View {
    var body: some View {
        ZStack {
            Color.blue
                .ignoresSafeArea()
            
            VStack {
                ScrollView {
                    Text("This is a test textThis is a test texThis is a test texThis is a test")
                        .padding()
                }
                // 允许ScrollView自适应内容高度，同时不超过父容器最大可用高度
                .frame(maxHeight: .infinity)
            }
            .background(.white)
            .padding() // 可选，添加边距优化布局
        }
    }
}

精确控制滚动状态（可选） #

如果需要明确控制滚动状态（比如短文本时强制禁用滚动），可以通过GeometryReader获取内容高度与容器高度，结合scrollDisabled(_:)修饰符实现：

struct Test2: View {
    @State private var isScrollEnabled = true
    @State private var contentHeight: CGFloat = 0
    @State private var scrollViewMaxHeight: CGFloat = 0
    
    var body: some View {
        ZStack {
            Color.blue
                .ignoresSafeArea()
            
            GeometryReader { parentGeo in
                VStack {
                    ScrollView {
                        Text("This is a test textThis is a test texThis is a test texThis is a test")
                            .padding()
                            .overlay(
                                GeometryReader { contentGeo in
                                    Color.clear
                                        // 初始化时获取高度并判断滚动状态
                                        .onAppear {
                                            contentHeight = contentGeo.size.height
                                            scrollViewMaxHeight = parentGeo.size.height * 0.8
                                            isScrollEnabled = contentHeight > scrollViewMaxHeight
                                        }
                                        // 文本内容变化时更新状态
                                        .onChange(of: contentGeo.size.height) { newHeight in
                                            contentHeight = newHeight
                                            isScrollEnabled = contentHeight > scrollViewMaxHeight
                                        }
                                }
                            )
                    }
                    .frame(maxHeight: scrollViewMaxHeight)
                    .scrollDisabled(!isScrollEnabled)
                }
                .background(.white)
                .padding()
            }
        }
    }
}

逻辑说明： #

• 短文本场景：文本高度小于ScrollView最大高度，自动禁用滚动，ScrollView高度完全适配文本
• 长文本场景：文本高度超过ScrollView最大高度，启用滚动，ScrollView高度限制在设定的最大值内

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