将 Stream Building 与特定的 Firestore 文档一起使用

Question

我正在构建一个 Flutter 应用程序，但我无法理解如何实现 Firestore。在我看过的教程中，我只看到了如何创建整个集合的快照，但是在我的例子中，我的集合是用户，所以我只需要对特定用户的文档进行快照。 Firebase 文档上似乎没有关于如何执行此操作的文档，FlutterFire GitHub 页面上也没有太多文档。请帮忙！

这是我尝试使用 StreamBuilder 构建的小部件。

  @override
  Widget build(BuildContext context) {
    return new StreamBuilder(
      stream: Firestore.instance.collection('users').document(userId).snapshots(),
      builder: (context, snapshot) {
        return new ListView.builder(
          itemCount: //what do I put here?,
          itemBuilder: (context, index) => new Item(//And here?),
        );
      }
    );
  }

Answer 1

假设您想使用文档中的 name 参数创建一个 Text

Widget build(BuildContext context) {
  String userId = "skdjfkasjdkfja";
  return StreamBuilder(
      stream: Firestore.instance.collection('users').document(userId).snapshots(),
      builder: (context, AsyncSnapshot<DocumentSnapshot> snapshot) {
        if (!snapshot.hasData) {
          return Text("Loading");
        }
        var userDocument = snapshot.data;
        return Text(userDocument["name"]);
      }
  );
}

这只是一个例子。每次更改文档本身时，在文档上创建 StreamBuilder 都会自行重建。您可以尝试此代码，然后转到控制台并更改“名称”值。您的应用将自动反映更改。

您可以构建使用流中数据的整棵树，而不仅仅是一个 Text。

如果您只想获取文档的当前值，可以通过解析文档引用上的 Future 或 get() 方法来实现。

var document = await Firestore.instance.collection('users').document(userId).get(),

Answer 2

每个元素都应该被强制转换，以便在代码后面有一个引用。

  return new StreamBuilder<DocumentSnapshot>(
      stream: Firestore.instance.collection('users').document(userId).snapshots(), //returns a Stream<DocumentSnapshot>
      builder: (BuildContext context, AsyncSnapshot<DocumentSnapshot> snapshot) {
        if (!snapshot.hasData) {
          return new Text("Loading");
        }
        var userDocument = snapshot.data;
        return new Text(userDocument["name"]);
      }
  );
}