SwiftUI中ScrollView嵌套List：禁用外层滚动保留List滚动的问题

你遇到的问题核心在于使用.disabled(true)会禁用整个视图树的交互能力，包括内部的List，所以无法实现只禁止ScrollView滚动而保留List滚动的需求。下面提供两种可行的解决方案：

方案一：移除ScrollView，改用VStack布局（推荐） #

既然不需要ScrollView的滚动功能，直接用VStack替代ScrollView来组织顶部文本和List即可，从结构上避免多余的滚动容器：

import SwiftUI

struct ContentView: View {
    var birds = ["Hen","Peacock", "Humming Bird", "Eagle", "Kite", "Vulture"]
    var body: some View {
        GeometryReader { geometry in
            VStack {
                Text("Birds List")
                List {
                    ForEach(birds, id: \.self) { bird in
                        Text("\(bird)")
                    }
                }
                .frame(width: geometry.size.width - 5, height: geometry.size.height - 50, alignment: .center)
            }
        }
    }
}

#Preview {
    ContentView()
}

这种方法最简洁，完全符合布局需求，同时避免了不必要的滚动容器嵌套。

方案二：使用scrollDisabled(true)禁用ScrollView滚动（iOS 16+） #

如果必须保留ScrollView的结构，可以使用iOS 16及以上提供的scrollDisabled(_:)修饰符，它只会禁用ScrollView的滚动行为，不会影响子视图的交互（包括List的滚动）：

import SwiftUI

struct ContentView: View {
    var birds = ["Hen","Peacock", "Humming Bird", "Eagle", "Kite", "Vulture"]
    var body: some View {
        GeometryReader { geometry in
            ScrollView {
                Text("Birds List")
                List {
                    ForEach(birds, id: \.self) { bird in
                        Text("\(bird)")
                    }
                }
                .frame(width: geometry.size.width - 5, height: geometry.size.height - 50, alignment: .center)
            }
            .scrollDisabled(true) // 仅禁用ScrollView的滚动，不影响子视图
        }
    }
}

#Preview {
    ContentView()
}

该方法适合需要保留ScrollView结构但不需要其滚动功能的场景，注意最低支持iOS版本为16。

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