BBTableView adds refresh control

Author: Silence-GitHub

BBSwiftUIKit/BBSwiftUIKit/BBTableView.swift

@@ -38,6 +38,19 @@ public extension BBTableView {
         view._contentOffsetToScrollAnimated = contentOffsetToScrollAnimated
         return view
     }
+    
+    func bb_setupRefreshControl(_ setupRefreshControl: @escaping (UIRefreshControl) -> Void) -> Self {
+        var view = self
+        view.setupRefreshControl = setupRefreshControl
+        return view
+    }
+    
+    func bb_pullDownToRefresh(_ isRefreshing: Binding<Bool>, refresh: @escaping () -> Void) -> Self {
+        var view = self
+        view._isRefreshing = isRefreshing
+        view.pullDownToRefresh = refresh
+        return view
+    }
 }
 
 public struct BBTableViewScrollToRowParameter {
@@ -67,6 +80,10 @@ public struct BBTableView<Data, Content>: UIViewControllerRepresentable, BBUIScr
     public var alwaysBounceHorizontal: Bool
     public var showsVerticalScrollIndicator: Bool
     public var showsHorizontalScrollIndicator: Bool
+    
+    @Binding public var isRefreshing: Bool
+    public var setupRefreshControl: ((UIRefreshControl) -> Void)?
+    public var pullDownToRefresh: (() -> Void)?
 
     public init(_ data: Data,
                 reloadData: Binding<Bool> = .constant(false),
@@ -80,6 +97,9 @@ public struct BBTableView<Data, Content>: UIViewControllerRepresentable, BBUIScr
                 alwaysBounceHorizontal: Bool = false,
                 showsVerticalScrollIndicator: Bool = true,
                 showsHorizontalScrollIndicator: Bool = true,
+                isRefreshing: Binding<Bool> = .constant(false),
+                setupRefreshControl: ((UIRefreshControl) -> Void)? = nil,
+                pullDownToRefresh: (() -> Void)? = nil,
                 @ViewBuilder content: @escaping (Data.Element) -> Content)
     {
         self.data = data
@@ -95,6 +115,9 @@ public struct BBTableView<Data, Content>: UIViewControllerRepresentable, BBUIScr
         self.alwaysBounceHorizontal = alwaysBounceHorizontal
         self.showsVerticalScrollIndicator = showsVerticalScrollIndicator
         self.showsHorizontalScrollIndicator = showsHorizontalScrollIndicator
+        self._isRefreshing = isRefreshing
+        self.setupRefreshControl = setupRefreshControl
+        self.pullDownToRefresh = pullDownToRefresh
     }
 
     public func makeUIViewController(context: Context) -> UIViewController {
@@ -134,6 +157,15 @@ private class _BBTableViewController<Data, Content>: UIViewController, UITableVi
         tableView.dataSource = self
         tableView.delegate = self
         view.addSubview(tableView)
+        
+        if representable.setupRefreshControl != nil || representable.pullDownToRefresh != nil {
+            let refreshControl = UIRefreshControl()
+            representable.setupRefreshControl?(refreshControl)
+            refreshControl.addTarget(self, action: #selector(pullDownToRefresh), for: .valueChanged)
+            tableView.refreshControl = refreshControl
+        }
+        
+        // TODO: Detect content offset to bottom space and load more data
 
         NSLayoutConstraint.activate([
             view.leftAnchor.constraint(equalTo: tableView.leftAnchor),
@@ -183,6 +215,15 @@ private class _BBTableViewController<Data, Content>: UIViewController, UITableVi
             }
         }
 
+        if let refreshControl = tableView.refreshControl,
+            representable.isRefreshing != refreshControl.isRefreshing {
+            if representable.isRefreshing {
+                refreshControl.beginRefreshing()
+            } else {
+                refreshControl.endRefreshing()
+            }
+        }
+        
         if let scrollToRow = representable.scrollToRow {
             tableView.scrollToRow(at: IndexPath(row: scrollToRow.row, section: 0), at: scrollToRow.position, animated: scrollToRow.animated)
             DispatchQueue.main.async { [weak self] in
@@ -200,6 +241,11 @@ private class _BBTableViewController<Data, Content>: UIViewController, UITableVi
         }
     }
 
+    @objc private func pullDownToRefresh() {
+        representable.isRefreshing = true
+        representable.pullDownToRefresh?()
+    }
+    
     // MARK: UITableViewDataSource
 
     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { data.count }

BBSwiftUIKitDemo/BBSwiftUIKitDemo/ContentView.swift

@@ -37,6 +37,7 @@ struct ContentView: View {
                     Text("Table view")
                 }
             }
+            .navigationBarTitle("", displayMode: .inline)
         }
     }
 }

BBSwiftUIKitDemo/BBSwiftUIKitDemo/TableViewExample.swift

@@ -17,6 +17,7 @@ struct TableViewExample: View {
     @State var scrollToRow: BBTableViewScrollToRowParameter? = nil
     @State var contentOffset: CGPoint = .zero
     @State var contentOffsetToScrollAnimated: CGPoint? = nil
+    @State var isRefreshing: Bool = false
 
     var body: some View {
         VStack {
@@ -40,6 +41,16 @@ struct TableViewExample: View {
             .bb_scrollToRow($scrollToRow)
             .bb_contentOffset($contentOffset)
             .bb_contentOffsetToScrollAnimated($contentOffsetToScrollAnimated)
+            .bb_setupRefreshControl { refreshControl in
+                refreshControl.tintColor = .blue
+                refreshControl.attributedTitle = NSAttributedString(string: "Loading...", attributes: [.font: UIFont.systemFont(ofSize: 15), .foregroundColor: UIColor.blue])
+            }
+            .bb_pullDownToRefresh($isRefreshing) {
+                DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
+                    self.reloadListData()
+                    self.isRefreshing = false
+                }
+            }
 
             Slider(value: $contentOffset.y, in: 0...1000)
 
@@ -49,30 +60,38 @@ struct TableViewExample: View {
             .padding()
 
             Button("Reload data") {
-                if self.list.count > 50 {
-                    self.list = 0..<50
-                } else {
-                    self.list = 0..<100
-                }
-                self.updateHeight.toggle()
-                self.reloadData = true
+                self.reloadListData()
                 self.scrollToRow = BBTableViewScrollToRowParameter(row: 0, position: .top, animated: true)
             }
             .padding()
 
             Button("Reload rows") {
-                if self.list.count > 50 {
-                    self.list = 0..<50
-                } else {
-                    self.list = 0..<100
-                }
-                self.updateHeight.toggle()
-                self.reloadRows = (0..<10).map { $0 }
+                self.reloadListRows()
                 self.scrollToRow = BBTableViewScrollToRowParameter(row: 0, position: .top, animated: true)
             }
             .padding()
         }
     }
+    
+    private func reloadListData() {
+        if self.list.count > 50 {
+            self.list = 0..<50
+        } else {
+            self.list = 0..<100
+        }
+        self.updateHeight.toggle()
+        self.reloadData = true
+    }
+    
+    private func reloadListRows() {
+        if self.list.count > 50 {
+            self.list = 0..<50
+        } else {
+            self.list = 0..<100
+        }
+        self.updateHeight.toggle()
+        self.reloadRows = (0..<10).map { $0 }
+    }
 }
 
 struct TableViewExample_Previews: PreviewProvider {