在 SwiftUI 中，控制事件在哪里，即 scrollViewDidScroll 用于检测列表底部数据-解网

问：

在 SwiftUI 中，有谁知道控制事件（如 scrollViewDidScroll）在哪里，以检测用户何时到达列表底部，从而导致事件检索其他数据块？还是有新的方法可以做到这一点？

似乎 UIRefreshControl（）也不存在......

迅速 SWIFTUI的

“这可能意味着 Scrollview 中的所有视图都会立即呈现”......使用视图调试器，你会看到这正是正在发生的事情。这是相当标准的滚动视图模式，您可以在其中添加所有内容（然后它可以从中确认并显示适当的滚动指示器）。contentSize

0赞 Dimillian 6/20/2019

这太聪明了。SwiftUI 真的让你与众不同

1赞 MoFlo 6/20/2019

您可以向 a 添加手势，并在拖动时触发。例如，这在这里可能很有用。ScrollView.gesture(DragGesture(minimumDistance: length).onEnded{ _ in print"Done!" })

0赞 ConfusionTowers 10/24/2019

@MoFlo 我用列表尝试了您的建议，当我上下滚动列表时，事件似乎从未触发。猜测 List 结构会以某种方式抑制此类事件。有没有办法看到这个事件？

14赞 Victor Kushnerov 8/19/2019 #2

您可以检查最新的元素是否出现在 onAppear 中。

struct ContentView: View {
    @State var items = Array(1...30)

    var body: some View {
        List {
            ForEach(items, id: \.self) { item in
                Text("\(item)")
                .onAppear {
                    if let last == self.items.last {
                        print("last item")
                        self.items += last+1...last+30
                    }
                }
            }
        }
    }
}

extension View {

    func onFrameChange(_ frameHandler: @escaping (CGRect)->(), 
                    enabled isEnabled: Bool = true) -> some View {

        guard isEnabled else { return AnyView(self) }

        return AnyView(self.background(GeometryReader { (geometry: GeometryProxy) in

            Color.clear.beforeReturn {

                frameHandler(geometry.frame(in: .global))
            }
        }))
    }

    private func beforeReturn(_ onBeforeReturn: ()->()) -> Self {
        onBeforeReturn()
        return self
    }
}

您可以像这样利用更改的框架：

struct ContentView: View {

    var body: some View {

        ScrollView {

            ForEach(0..<100) { number in

                Text("\(number)").onFrameChange({ (frame) in

                    print("Origin is now \(frame.origin)")

                }, enabled: number == 0)
            }
        }
    }
}

滚动时将调用闭包。使用与透明颜色不同的颜色可能会带来更好的性能。onFrameChange

编辑：我通过将框架放在闭包之外来改进代码。这在 geometryProxy 在该闭包中不可用的情况下会有所帮助。beforeReturn

struct ContentView: View {
    @State var items = Array(1...30)

    var body: some View {
        List {
            ForEach(items, id: \.self) { item in
                Text("\(item)")
                .onAppear {
                    if item == self.items.last {
                        print("last item")
                        fetchStuff()
                    }
                }
            }
        }
    }
}

2赞 lipemesq 11/24/2020 #5

OnAppear 解决方法在嵌套在 ScrollView 中的 LazyVStack 上工作正常，例如：

ScrollView {
   LazyVStack (alignment: .leading) {
      TextField("comida", text: $controller.searchedText)
      
      switch controller.dataStatus {
         case DataRequestStatus.notYetRequested:
            typeSomethingView
         case DataRequestStatus.done:
            bunchOfItems
         case DataRequestStatus.waiting:
            loadingView
         case DataRequestStatus.error:
            errorView
      }
      
      bottomInvisibleView
         .onAppear {
            controller.loadNextPage()
         }
   }
   .padding()
}

LazyVStack 是懒惰的，所以只有在它几乎出现在屏幕上时才会创建底部

2赞 kanobius 5/4/2022 #6

我已经在视图修饰符中提取了加号不可见视图，可以像这样使用：LazyVStackScrollView

ScrollView {
  Text("Some long long text")
}.onScrolledToBottom {
  ...
}

实现：

extension ScrollView {
    func onScrolledToBottom(perform action: @escaping() -> Void) -> some View {
        return ScrollView<LazyVStack> {
            LazyVStack {
                self.content
                Rectangle().size(.zero).onAppear {
                    action()
                }
            }
        }
    }
}

上一个：首次启动应用程序 Android Compose 时 UI 未正确更新

下一个：Xcode 11 Beta 5 - 加载插件失败

在 SwiftUI 中，控制事件在哪里，即 scrollViewDidScroll 用于检测列表底部数据

In SwiftUI, where are the control events, i.e. scrollViewDidScroll to detect the bottom of list data

评论

评论

评论

评论