下拉刷新SwiftUI中的数据

发布于06月11日

我使用了List个简单的数据列表.我想添加下拉刷新功能，但我不确定哪种方法是最好的.

下拉刷新视图只有在用户try 从第一个索引中下拉时才可见，就像我们在UITableView和UIKit中的UIRefreshControl中所做的一样

下面是在SwiftUI中列出数据的简单代码.

struct CategoryHome: View {
    var categories: [String: [Landmark]] {
        .init(
            grouping: landmarkData,
            by: { $0.category.rawValue }
        )
    }

    var body: some View {
        NavigationView {
            List {
                ForEach(categories.keys.sorted().identified(by: \.self)) { key in
                    Text(key)
                }
            }
            .navigationBarTitle(Text("Featured"))
        }
    }
}

推荐答案

我正在玩的一款应用程序也需要同样的功能，而且SwiftUI API目前似乎不包括ScrollView秒的刷新控制功能.

随着时间的推移，API将开发并纠正这类情况，但SwiftUI中缺少功能的一般回退将始终是实现一个实现UIViewRepresentable的 struct .这里是一个快速和肮脏的UIScrollView与刷新控制.

struct LegacyScrollView : UIViewRepresentable {
    // any data state, if needed

    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }

    func makeUIView(context: Context) -> UIScrollView {
        let control = UIScrollView()
        control.refreshControl = UIRefreshControl()
        control.refreshControl?.addTarget(context.coordinator, action:
            #selector(Coordinator.handleRefreshControl),
                                          for: .valueChanged)

        // Simply to give some content to see in the app
        let label = UILabel(frame: CGRect(x: 0, y: 0, width: 200, height: 30))
        label.text = "Scroll View Content"
        control.addSubview(label)

        return control
    }


    func updateUIView(_ uiView: UIScrollView, context: Context) {
        // code to update scroll view from view state, if needed
    }

    class Coordinator: NSObject {
        var control: LegacyScrollView

        init(_ control: LegacyScrollView) {
            self.control = control
        }

        @objc func handleRefreshControl(sender: UIRefreshControl) {
            // handle the refresh event

            sender.endRefreshing()
        }
    }
}

但是，当然，在滚动视图中使用任何SwiftUI组件时，如果不将其包装在UIHostingController中，并将其放入makeUIView中，而不是将其放入LegacyScrollView() { // views here }中，则是不可能的.