如何显示来自实时数据库的实时数据？

Question

我正在进行这个非常简单的项目，当您单击一个按钮时，它会在实时数据库中增加一个值。这是可行的，但我希望每次值发生变化时都要使用文本小部件进行更新。我对这件事很陌生，请原谅我缺乏知识。我注意到没有可以让我这样做的快照方法，所以我如何更新标签作为实时存储中的数据？下面是我用来增加值的代码-

Future<void> addData(int id) async {
    DatabaseReference pointsRef = FirebaseDatabase.instance.ref("$id");
    DataSnapshot snapshot = await pointsRef.get();
    pointsRef.set((snapshot.value as int) + 1);
  }

Answer 1

像这样使用StreanBuilder：

 StreamBuilder(
   stream: FirebaseDatabase.instance.ref("id").onValue,
   builder: (context, snapshot) {
     if (!snapshot.hasData) {
       return Center(
          child: CircularProgressIndicator(),
        );
      }
      return Text(snapshot.data.toString());
      },
    )