我想在ListView.builder中显示firestore数组_我想在方法中CRUD FireStore的值_我想在reactJs中显示JSON结果 - 腾讯云开发者社区

在ListView.builder中显示Firestore数组，可以通过以下步骤实现：

首先，确保你已经在项目中集成了Firebase和Cloud Firestore。你可以参考Firebase官方文档来完成这个步骤。
在你的Flutter项目中，导入Firebase和Cloud Firestore的相关库。你可以在pubspec.yaml文件中添加以下依赖：

dependencies:
  flutter:
    sdk: flutter
  firebase_core: ^1.0.0
  cloud_firestore: ^2.0.0

然后运行flutter pub get来获取这些依赖。

在你的Flutter页面中，创建一个Firestore集合引用，并使用StreamBuilder来监听该集合的变化。例如，假设你的Firestore集合名为"items"，你可以这样做：

import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';

class FirestoreListView extends StatelessWidget {
  final CollectionReference itemsCollection =
      FirebaseFirestore.instance.collection('items');

  @override
  Widget build(BuildContext context) {
    return StreamBuilder<QuerySnapshot>(
      stream: itemsCollection.snapshots(),
      builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
        if (snapshot.hasError) {
          return Text('Error: ${snapshot.error}');
        }

        if (snapshot.connectionState == ConnectionState.waiting) {
          return Text('Loading...');
        }

        return ListView.builder(
          itemCount: snapshot.data.docs.length,
          itemBuilder: (BuildContext context, int index) {
            DocumentSnapshot document = snapshot.data.docs[index];
            return ListTile(
              title: Text(document['title']),
              subtitle: Text(document['description']),
            );
          },
        );
      },
    );
  }
}

在上面的代码中，我们创建了一个StreamBuilder来监听Firestore集合的变化。当集合发生变化时，StreamBuilder会自动更新ListView中的数据。

在你的页面中使用FirestoreListView组件来显示Firestore数组。例如：

import 'package:flutter/material.dart';

class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Firestore ListView'),
      ),
      body: FirestoreListView(),
    );
  }
}

这样，当你打开这个页面时，Firestore中的数据将会以ListView的形式显示出来。

总结：在ListView.builder中显示Firestore数组，你需要导入Firebase和Cloud Firestore的相关库，并使用StreamBuilder来监听Firestore集合的变化。然后，你可以在ListView.builder中使用Firestore数据来构建列表项。这样，当Firestore中的数据发生变化时，ListView会自动更新。