分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了SwiftUI - 当内容小于边界时，如何使 ScrollView 不反弹，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决SwiftUI - 当内容小于边界时，如何使 ScrollView 不反弹？

开发过程中遇到SwiftUI - 当内容小于边界时，如何使 ScrollView 不反弹的问题如何解决？下面主要结合日常开发的经验，给出你关于SwiftUI - 当内容小于边界时，如何使 ScrollView 不反弹的解决方法建议，希望对你解决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，但滚动视图仍然反弹：

SwiftUI - 当内容小于边界时，如何使 ScrollView 不反弹

如果我执行 UIScrollVIEw.appearance().bounces = false，它会停止弹跳。但是，如果我让矩形比屏幕高，它也会停止弹跳（这是我不想要的）。

不反弹（耶！）

...但当内容溢出屏幕时不会反弹

SwiftUI - 当内容小于边界时，如何使 ScrollView 不反弹

如何禁用弹跳，但仅当内容小于滚动视图的边界时？

解决方法

好吧，当使用 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
            }
        }
    }
}

结果（不幸的是你看不到我的鼠标试图拖动较短的列表）：

SwiftUI - 当内容小于边界时，如何使 ScrollView 不反弹