刪除、添加或修改 Firestore 文檔和分頁結果后重新加載 TableView

Question

我正在從 Firebase Firestore 檢索文檔並將它們顯示在表格視圖中。 從表視圖中，我希望能夠刪除和添加項目。 我還從項目詳細信息視圖修改文檔。 不過，我將專注於刪除此問題的項目的問題。 通過使用最后一個快照僅獲取下一組項目，我的查詢獲得了分頁結果。 我還使用偵聽器來獲取修改項目時的實時更新。 刪除的問題是如何正確處理？ 我目前擁有的刪除項目很好，但然后將表格視圖中的剩余行加倍。

var items = [Item]()
    var itemQuery: Query?
    var lastSnapshot: QueryDocumentSnapshot?

func getItems() {
    if lastSnapshot == nil {
            itemQuery = Firestore.firestore().collection("items").whereField("collection", isEqualTo: self.collection!.id).order(by: "name").limit(to: 25)
        } else {
            itemQuery = itemQuery?.start(afterDocument: lastSnapshot!)
        }

        itemQuery!.addSnapshotListener( { (snapshot, error) in
            guard let snapshot = snapshot else {
                return
            }

            if snapshot.documents.last != nil {
                self.lastSnapshot = snapshot.documents.last
            } else {
                return
            }

            if let error = error {
                print(error.localizedDescription)
            } else {
                for document in snapshot.documents {
                    let docName = document["name"] as? String
                    let docId = document.documentID
                    let docImages = document["images"] as? [String]
                    let docCollection = document["collection"] as? String
                    let docInfo = document["info"] as? String
                    let docQuantity = document["quantity"] as? Int
                    let item = Item(id: docId, name: docName!, collection: docCollection!, info: docInfo!, images: docImages!, quantity: docQuantity!)
                    self.items.append(item)
                }
                if self.items.count >= 25 {
                    self.addFooter()
                }
                self.tableView.reloadData()
            }
        })
}

func deleteItem(at indexPath: IndexPath) {
        let itemToDelete = items[indexPath.row]

        // Delete images from storage
        for url in itemToDelete.images {
            let store = Storage.storage()
            let storageRef = store.reference(forURL: url)
            storageRef.delete { error in
                if let error = error {
                    print(error.localizedDescription)
                } else {
                    print("Image file deleted successfully")
                }
            }
        }

        Firestore.firestore().collection("items").document(itemToDelete.id).delete() { error in
            if let error = error {
                print(error.localizedDescription)
            } else {
                print("Item deleted")
            }
        }
    }

override func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        print("numberOfRows(): \(items.count)")
        return items.count
    }

    override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 100
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "ItemCell", for: indexPath) as! ItemCell

        let item = items[indexPath.row]
        cell.itemNameLabel.text = item.name

        if item.images.count > 0 {
            let thumbnailUrl = item.images[0]
            cell.itemImageView.sd_setImage(with: URL(string: thumbnailUrl), placeholderImage: UIImage(named: "photo"), completed: { (image, error, cacheType, imageUrl) in
                cell.itemImageView.roundCornersForAspectFit(radius: 10)
            })
        } else {
            cell.itemImageView.image = UIImage(named: "photo")
        }

        return cell
    }

    // Override to support conditional editing of the table view.
    override func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
        // Return false if you do not want the specified item to be editable.
        return true
    }

    // Override to support editing the table view.
    override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
        if editingStyle == .delete {
            print("Items before delete: \(items.count)")
            deleteItem(at: indexPath)
            // items.removeAll()
            // tableView.reloadData()
            items.remove(at: indexPath.row)
            tableView.deleteRows(at: [indexPath], with: .fade)
            print("Items after delete: \(items.count)")
        }
    }

Answer 1

您可以使用 Property Observer 來處理您的tableView.reloadData()

var items = [Item]() {
    didSet {
        tableView.reloadData()
    }
}

它上面所做的是每當修改變量items ，它都會觸發didSet {}代碼塊。

希望是會回答你的問題。