如何在Flutter Web中显示Firebase中的数据？

Question

当firebase数据库作为应用程序运行时，我当前的代码获取并显示数据，但在flutter网络中什么都不显示。

 class News extends StatefulWidget {
  @override
  _NewsState createState() => _NewsState();
}

class _NewsState extends State<News> {
  List<Posts> postsList = [];

  @override
  void initState() {
    super.initState();
    DatabaseReference postsRef =
        FirebaseDatabase.instance.reference().child("Posts");
postsRef.once().then((DataSnapshot snapshot) {
  var keys = snapshot.value.keys;
  var data = snapshot.value;

  postsList.clear();

  for (var individualKey in keys) {
    Posts posts = new Posts(
      data[individualKey]['postImage'],
      data[individualKey]['title'],
      data[individualKey]['date'],
      data[individualKey]['time'],
      data[individualKey]['description'],
    );

    postsList.add(posts);
  }

  setState(() {
    print('Length: $postsList.length');
  });
});

}

这是我从firebase数据库中获取数据的代码，当我将其作为移动应用程序运行时，它工作得很好（显示输出），但是当我在网络浏览器中运行它时，它却无法工作。