未为“DocumentSnapshot”类型定义运算符“[]”

Question

[这里是错误] 我在另一个类中创建了构造函数，但它不起作用。

这里是代码...

  body: StreamBuilder<QuerySnapshot>(
    stream: FirebaseFirestore.instance.collection("products").snapshots(),
    builder: (context, snapshot) {
      return !snapshot.hasData
          ? Center(child: CircularProgressIndicator())
          : ListView.builder(
              itemCount: snapshot.data.docs.length,
              itemBuilder: (context, index) {
                DocumentSnapshot data = snapshot.data.docs[index];
                return ProductItem(
                  documentSnapshot: data,
                  id: data.id,
                  isFavourite: data['isFavourite'],
                  imageUrl: data['imageUrl'],
                  productName: data['productName'],
                  productPrice: data['productPrice'],
                );
              },
            );
    },
  ),
);
}
}

Answer 1

您必须将数据类型设置为字符串，以便地图最新的 Firestore 执行此问题。

Map<String, dynamic> data = user.data(); 
currentUser.name = data['name']; 

在模块小部件的 main.dart 中

itemBuilder: (context, index) {
                DocumentSnapshot ds = snapshot.data.documents[index];
                Map<String, dynamic> data = ds.data();
                print(ds);
                return Container(
                  child: ListTile(
                    title: Text(
                      data['name'],
                    ),
                  ),
                );

在函数的模型类中使用下面的链接

 List<Users> _brewListFromSnapshot(QuerySnapshot snapshot) {
return snapshot.docs.map((doc) {
  Map<String, dynamic> data = doc.data();
  return Users(
    name: data['name'] ?? '',
    email: data['email'] ?? '',
  );
}).toList();

}

Answer 2

I think first you should create a class for your products and write a method
for parsing data that comes from api.

class Product{
   String id:
   String name;
   String quantity;

 Product({this.id,this.name,this.quantity});

   factroy Product.fromJson(Map<String,dynamic> json) => Product(
      id : json['id'],
      name : json['name'],
      quantity : json['quantity']);
   }

  Create a list of product which you wanna parse your data.
  => List<Product> products = List<Product>(); //let say home page

  make a request to api and when the condition is fine for parsing data, assing
  snapshot data to the list that we've created under State<yourWidget>.

  body: StreamBuilder<QuerySnapshot>(
      stream: FirebaseFirestore.instance.collection("products").snapshots(),
      builder: (context, snapshot) {
  if(snapshot.connectionState == ConnectionState.done && snapshot.hasData) {
           return ListView.builder(
            itemCount: products.length,
            itemBuilder: (context, index) {
            return Product(
              id: products[index].id,
              isFavourite: products[index].name,
              imageUrl: products[index].quantity,
            );
          },
        );
         } else {
      return Center(child: CircularProgressIndicator());
          }

        },
      ),
    );
  }
}

Answer 3

您正在使用 ^0.14.0。直接调用 [] 已弃用

 body: StreamBuilder<QuerySnapshot>(
    stream: FirebaseFirestore.instance.collection("products").snapshots(),
    builder: (context, snapshot) {
      return !snapshot.hasData
          ? Center(child: CircularProgressIndicator())
          : ListView.builder(
              itemCount: snapshot.data.docs.length,
              itemBuilder: (context, index) {
                DocumentSnapshot data = snapshot.data.docs[index];
                return ProductItem(
                  documentSnapshot: data,
                  id: data.id,
                  isFavourite: data.data()['isFavourite'],
                  imageUrl: data.data()['imageUrl'],
                  productName: data.data()['productName'],
                  productPrice: data.data()['productPrice'],
                );
              },
            );
    },
  ),
);
}
}

Answer 4

试试这个，

  body: StreamBuilder<QuerySnapshot>(
    stream: FirebaseFirestore.instance.collection("products").snapshots(),
    builder: (context, snapshot) {
      return !snapshot.hasData
          ? Center(child: CircularProgressIndicator())
          : ListView.builder(
              itemCount: snapshot.data.docs.length,
              itemBuilder: (context, index) {
                DocumentSnapshot data = snapshot.data[index];
Map getDocs = data.data; 
                return ProductItem(
                  documentSnapshot: data,
                  id: data.id,
                  isFavourite: getDocs['isFavourite'],
                  imageUrl: getDocs['imageUrl'],
                  productName:getDocs['productName'],
                  productPrice: getDocs['productPrice'],
                );
              },
            );
    },
  ),
);
}
}