如何使用 StreamProvider 查看 voteCount 的变化

Question

我有一个产品列表的 StreamProvider 和 Firestore 数据

 StreamProvider<List<Product>>.value(
        value: DatabaseService().products,
      ),

现在我有这个产品列表的详细信息页面 如果我单击详细信息页面的列表，我会向详细信息页面提供一个对象

DetailsPage(courseData: product)

我需要在此详细信息页面中创建一个赞成按钮，以便它也可以更改 Firestore 数据

  if (voted) {
        FirebaseFirestore.instance
            .collection('products')
            .doc('${widget.courseData.id}')
            .update({"voteCount": widget.courseData.voteCount - 1});
      } else {
        FirebaseFirestore.instance
            .collection('products')
            .doc('${widget.courseData.id}')
            .update({"voteCount": widget.courseData.voteCount + 1});
      }
      isVoted = !isVoted;
    } catch (e) {
      print(e.message);
    }

如果点击upvote按钮，这里的courseData不会改变，因为它的值不是来自streamProvider而是来自

详细信息页面（课程数据：产品）

我该如何解决这个问题

Answer 1

我建议您使用increment() 操作来完成相同的操作，而不是传入您不知道的新值。

if (voted) {
    FirebaseFirestore.instance
        .collection('products')
        .doc('${widget.courseData.id}')
        .update({"voteCount": firebase.firestore.FieldValue.increment(-1) });
} else {
    FirebaseFirestore.instance
        .collection('products')
        .doc('${widget.courseData.id}')
        .update({"voteCount": firebase.firestore.FieldValue.increment(1) });
    }
    isVoted = !isVoted;
} catch (e) {
  print(e.message);
}

除了不需要知道当前值（我认为这是你的问题）之外，它在离线和多用户场景中也能更好地工作。