監聽 Firestore 上的文檔更改並為 StreamBuilder 創建對象的 stream

Question

我有以下 function 從 Firestore 獲取產品文檔，與FutureBuilder一起使用：

Future<Product> getProduct(String productId) async {
    var ref = _db.collection('products').doc(productId);
    var snapshot = await ref.get();
    return Product.fromJson(snapshot.data() ?? {});
  }

我可以實現相同的功能，但使用StreamBuilder以便在文檔發生更改時調用構建方法？

Stream<Product> listenToProduct(String productId) {
?
};

Answer 1

好吧，這似乎有效：

Stream<Product> listenToProduct(String productId) {
return _db.collection('products')
    .doc(productId)
    .snapshots()
    .map((snapshot) => Product.fromJson(snapshot.data()!));
}

Answer 2

Stream<Product> listenToProduct(String productId) {
   return _db.collection('products').doc(productId).snapshots()
          .listen((event) => Product.fromJson(snapshot.data() ?? {});
}

類似的東西。