最近我写了一个小的 SwiftUI 库，可以旋转视图数组并选择视图。
但是发现了一个问题，我无法弄清楚在正常模式下如何在 ScrollView 中禁用滚动。
不幸的是，我尝试将.disabled(true) 放在ScrollView 的末尾，它不仅禁用滚动，还禁用ScrollView 中的所有视图。
这是project 中的source code。
我应该添加什么修饰符来解决这个问题？
--已编辑--
我试图改变滚动轴但是一旦它变成[]，滚动视图将重置它的内容偏移量，想知道是否有办法在不改变轴的情况下阻止滚动。
--已解决--
最后，我只是添加了一个DragGesture() 来阻止滚动事件并且工作正常。
【问题讨论】：
如果您希望视图滚动，则仅将 .horizontal 作为滚动轴传递。否则，传递空集。
struct TestView: View {
@Binding var shouldScroll: Bool
var body: some View {
ScrollView(axes, showsIndicators: false) {
Text("Your content here")
}
}
private var axes: Axis.Set {
return shouldScroll ? .horizontal : []
}
}
【讨论】：
我尝试使用 Rob Mayoff 提供的已接受答案，但内容偏移被重置是建议方法的一个令人沮丧的缺点。
使用Introspect 库（我建议任何寻找 SwiftUI API 的 UIKit 级别控件的人使用它——在 WWDC 2020 等待 SwiftUI 2 的同时）——您可以访问底层 UIScrollView 的底层 isScollEnabled 布尔标志它为 SwiftUI 的 ScrollView 提供动力，并相应地设置。更改 isScollEnabled 对 contentOffset 没有影响，并且完全按照应有的方式工作。
可以这么简单地实现：
struct TestView: View {
@Binding var shouldScroll: Bool
var body: some View {
ScrollView {
Text("Your content here").introspectScrollView { scrollView in
scrollView.isScrollEnabled = shouldScroll
}
}
}
}
Introspect 库真的就是这么简单！
【讨论】：
我不断回到这个问题，对这里的任何答案都不满意。我发现有效的是创建一个自定义包装器来评估是否应该使用 ScrollView。这比我想象的要容易得多。
基本上我们想要一个可以切换滚动的自定义视图。使用绑定，任何使用我们视图的人都可以完全控制滚动功能。
请原谅我的命名，但 PreventableScrollView 是我能想到的全部：)
struct PreventableScrollView<Content>: View where Content: View {
@Binding var canScroll: Bool
var content: () -> Content
var body: some View {
if canScroll {
ScrollView(.vertical, showsIndicators: false, content: content)
} else {
content()
}
}
}
基本上我们需要做的就是决定是将内容嵌入到 ScrollView 中还是直接返回。很简单。
我创建了一个演示来展示它如何与动态内容一起使用以及随时切换的能力。当我添加项目时，它也会切换滚动。
如果你有兴趣，这里是代码。
struct DemoView: View {
@State private var canScroll: Bool = false
let allColors: [UIColor] = [.purple, .systemPink, .systemGreen, .systemBlue, .black, .cyan, .magenta, .orange, .systemYellow, .systemIndigo, .systemRed]
@State var colors: [UIColor] = [.white]
var body: some View {
VStack {
Spacer()
VStack {
PreventableScrollView(canScroll: $canScroll) {
ForEach(colors.indices, id: \.self) { index in
Rectangle().fill().foregroundColor(Color(colors[index]))
.frame(height: 44)
.cornerRadius(8)
}
}.fixedSize(horizontal: false, vertical: true)
HStack {
Spacer()
Toggle(isOn: $canScroll, label: {
Text("Toggle Scroll")
}).toggleStyle(SwitchToggleStyle(tint: .orange))
}.padding(.top)
}
.textFieldStyle(RoundedBorderTextFieldStyle())
.padding()
.background(Rectangle().fill().foregroundColor(Color(UIColor.secondarySystemFill)).cornerRadius(8))
HStack {
Button(action: {
addField()
}, label: {
Image(systemName: "plus")
}).padding()
}
}
.padding()
}
func addField() {
canScroll.toggle()
colors.append(allColors.randomElement()!)
}
}
【讨论】：
我已经尝试了以上所有方法，甚至更多。没有一个解决方案对我有用。我找到了下一个：
ScrollView(.horizontal) {
YourContentView
.introspectScrollView(customize: { scrollView in
scrollView.addGestureRecognizer(UIPanGestureRecognizer()) // disable scrollView scroll
})
}
【讨论】：
我认为你可以使用
.simultaneousGesture(DragGesture(minimumDistance: 0), including: .all)
它在 ScrollView 中禁用滚动，但其他手势仍然可以在此滚动视图中像 tapGesture 一样工作，并且 ScrollViewReader 也可以工作
【讨论】：
没关系。可以试试
ScrollView {
}
.allowsTightening(true)
.disabled(true)
【讨论】：