[英]How to make lists in a TabView scroll with the main ScrollView in SwiftUI?
[英]How to disable vertical scroll in TabView with SwiftUI?
我在我的应用程序中设置了一个 TabView,这样我就可以在多个页面之间水平滑动,但我也可能会出现不需要的垂直滚动,并带有反弹效果。 如何禁用此垂直滚动?
我的代码:
struct ContentView: View {
@State private var currentTabIndex: Double = 0
var body: some View {
VStack {
TabView(selection: $currentTabIndex) {
Text("Text n°1")
.tag(0)
Text("Text n°2")
.tag(1)
}
.border(Color.black)
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
}
}
}
我有同样的问题。 这不是一个精确的解决方案,但您可以关闭滚动视图的弹跳(在 TabView 中使用)。 只要 TabView 中的项目不大于 TabView 框架,它就应该像禁用垂直滚动一样。
我将其称为 .onAppear 或在您的 init 函数中:
.onAppear(perform: {
UIScrollView.appearance().bounces = false
})
注意:这会禁用应用程序中所有滚动视图的弹跳...因此您可能需要重新启用它 .onDisappear。
Xcode 12.4 仍然存在问题。
我设法通过将 TabView 包装在 ScrollView 中并使用设置为 false 的alwaysBounceVertical
属性来解决该问题,如下所示:
ScrollView(.horizontal) {
TabView {
///your content goes here
}
.tabViewStyle(PageTabViewStyle())
}
.onAppear(perform: {
UIScrollView.appearance().alwaysBounceVertical = false
})
.onDisappear(perform: {
UIScrollView.appearance().alwaysBounceVertical = true
})
我实际上遇到了这个,因为我在教程中看到了这种效果,但无法在 iOS 15.2 上复制它。 但是,我设法在另一个模拟器上的 iOS 14.4 上并排复制了它。 所以我猜这种行为在较新的 iOS 中被禁用或根本改变。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.