如何使用 GetX 使用 Firestore 流填充列表

Question

我正在尝试填充 RxList（GetX Flutter 包），以便我可以在 Listview.builder 中显示实时数据。我尝试在我的 Getx 控制器中使用以下代码：

final videos = List < Video > ().obs;

@override
void onReady() async {
  videos.bindStream(loadVideos());
  super.onInit();
}

Stream <List<Video>> lista() {
  Stream <QuerySnapshot> stream =
    Firestore.instance.collection('videos').snapshots();

  return stream.map((qShot) => qShot.documents
    .map((doc) => Video(
      title: doc.data['title'],
      url: doc.data['url'],
      datum: doc.data['datum']))
    .toList());
}

loadVideos() async {
  await
  for (List < Video > tasks in lista()) {
    videos.addAll(tasks);
  }
}

但我收到以下异常：

'Future' 不是 'Stream<Iterable>' 类型的子类型

Answer 1

只需使用 BindStream 来收听您的 Stream，如下所示：

final videos = List<Video>().obs;

@override
void onInit() async {
  videos.bindStream(lista());
  super.onInit();
}

Stream <List<Video>> lista() {
  Stream <QuerySnapshot> stream =
    Firestore.instance.collection('videos').snapshots();

  return stream.map((qShot) => qShot.documents
    .map((doc) => Video(
      title: doc.data['title'],
      url: doc.data['url'],
      datum: doc.data['datum']))
    .toList());
}