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

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());
      },
    )