ios - SwiftUI - 如何在内容小于边界时使 ScrollView 不反弹
问题描述
我正在尝试使我的ScrollView
:
- 内容小于屏幕时不反弹
- 内容溢出屏幕时弹跳
这是我的代码:
struct ContentView: View {
init() {
UIScrollView.appearance().alwaysBounceVertical = false
}
var body: some View {
ScrollView {
Rectangle()
.fill(Color.blue)
.frame(height: 300) /// is smaller than the screen
.padding()
}
}
}
我尝试设置UIScrollView.appearance().alwaysBounceVertical = false
,但滚动视图仍然弹跳:
如果我这样做UIScrollView.appearance().bounces = false
,它会停止弹跳。但是,如果我使矩形比屏幕高,它也会停止弹跳(我不想要)。
如何禁用弹跳,但仅当内容小于滚动视图的边界时?
解决方案
好吧,使用时SwiftUI-Introspect
,设置alwaysBounceVertical
为false
实际有效。我不完全确定为什么像你一样设置外观不起作用......
无论如何,这是一些工作示例代码:
struct ContentView: View {
@State private var count = 5
var body: some View {
VStack {
Picker("Count", selection: $count) {
Text("5").tag(5)
Text("100").tag(100)
}
.pickerStyle(SegmentedPickerStyle())
ScrollView {
VStack {
ForEach(1 ... count, id: \.self) { i in
Text("Item: \(i)")
}
}
.frame(maxWidth: .infinity)
}
.introspectScrollView { scrollView in
scrollView.alwaysBounceVertical = false
}
}
}
}
结果(不幸的是,您看不到我的鼠标试图拖动较短的列表):
推荐阅读
- sublimetext3 - 通过首选项和 GUI 定义的缩进
- ruby-on-rails - Rails 和 Api.ai 的“找不到 404 帖子”
- r - RDA 到 CSV 的转换出错
- c++ - 如何编写 C++ getter 和 setter
- sql - MDX - 类别前面的变量数字的含义,成员?
- javascript - Promise.all 以错误结束错误:Solidity 函数的参数数量无效(元掩码)
- mongoose - Mongoose 如何在对象中填充数据
- jquery - 如何在amcharts中显示x轴上的所有值
- java - Spring Boot Embedded Tomcat 中的自定义 SAML 身份验证阀 - 不要应用于执行器端点
- r - 在 chordDiagram 中使用预定义的调色板