有没有办法让 SwiftUI 中的 List 不可滚动？
像我们一样
tableView.isScrollEnabled
【问题讨论】：
ForEach
ForEachhackingwithswift.com/quick-start/swiftui/…的很好的描述
不要使用可滚动的List，而是使用ForEach。
ForEach 默认不可滚动。
这里是一个使用ForEach的例子
struct ContentView: View {
let colors: [Color] = [.red, .green, .blue]
var body: some View {
VStack {
ForEach(colors, id: \.self) { color in
Text(color.description.capitalized)
.padding()
.background(color)
}
}
}
}
ForEach 的一个很好的资源可以在here 上找到，List 的一个很好的资源可以在here 上找到。
目前有两种方法可以阻止List 滚动：
UITableView.appearance().isScrollEnabled = false（但这可能会产生意想不到的副作用）List 包含在 NavigationView 中
如果您的List 包含在NavigationView 中，那么它仍会滚动。以上两种方法都不能阻止它滚动。
这是一个示例视图：
import SwiftUI
import Introspect
struct ContentView: View {
var body: some View {
NavigationView {
List {
ForEach(0..<10, id: \.self) { _ in
NavigationLink("Tap") {
Text("Hello").onTapGesture {
print("hello")
}
}
}
}
// .onAppear {
// UIScrollView.appearance().isScrollEnabled = false
// }
// .introspectTableView { tableView in
// tableView.isScrollEnabled = false
// }
}
}
}
取消注释 onAppear 或 introspectTableView 不会阻止 List 滚动。
List 不包含在 NavigationView 中
如果List 不包含在NavigationView 中，那么我们可以阻止List 滚动。
如果我们从上面的示例中删除NavigationView，我们可以看到，通过取消注释onAppear 或introspectTableView，List 确实会停止滚动。
这里是上述情况的video。
【讨论】：
这是我的扩展，用于禁用列表上的滚动。
extension View {
func hasScrollEnabled(_ value: Bool) -> some View {
self.onAppear {
UITableView.appearance().isScrollEnabled = value
}
}
}
例子：
List {
...
}.hasScrollEnabled(false)
【讨论】：
简化 YannSteph 的回答：
List {
...
}
.onAppear {
UITableView.appearance().isScrollEnabled = false
}
【讨论】：
虽然使用 VStack + ForEach 有点效果，但缺点之一是当点击一行时，点击反馈不再是您对 tableview 的期望（背景不会突出显示），所以它可能不是基于用户体验期望的合适解决方案。
实现此目的的另一种方法是使用此第三方库：
https://github.com/siteline/SwiftUI-Introspect
然后你就可以了
List {
// ...
}
.introspectTableView { tableView in
tableView.isScrollEnabled = false
}
【讨论】：
如果您需要使用List（例如用于选择），最适合我的方法（而不是禁用所有列表的滚动）是以编程方式设置列表的高度：
List(items){ item in Text(item.title)}.frame(
height: CGFloat(items.count) * CGFloat(ROW_HEIGHT)
)
这样列表将不会滚动，因为它已设置为显示所有项目所需的高度。
【讨论】：
不禁用所有列表滚动的最佳方法是：
List{
Text("Test")
}
.onAppear { UITableView.appearance().isScrollEnabled = false }
.onDisappear{ UITableView.appearance().isScrollEnabled = true }
【讨论】：
我很确定这也会禁用内容，但您可以这样做：
List {
// ...
}.disabled(true)
SwiftUI 中非常缺乏 ScrollView API，因此您可能需要使用 UIViewRepresentable。
【讨论】：