我正在尝试从云 Firestore 记录制作一个简单的 GridView。我遵循了很多视频教程,但没有成功。这是代码:
import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
class EventList extends StatefulWidget {
@override
EventListState createState() => new EventListState();
}
class EventListState extends State<EventList> {
@override
Widget build(BuildContext context) {
return StreamBuilder(
stream: Firestore.instance.collection('events_flutter').snapshots(),
builder: (BuildContext context, DocumentSnapshot snapshot) {
if (!snapshot.hasData) {
return Center(child: const Text('Loading events...'));
}
return GridView.builder(
gridDelegate:
SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
itemBuilder: (BuildContext context, int index) {
return Text(snapshot['event_name']);
},
itemCount: snapshot.data.documents.length,
);
},
);}}
这是将鼠标悬停在“builder: (BuildContext context, DocumentSnapshot snapshot)”上时出现的错误消息。
有人可以帮助我了解发生了什么事吗?
多谢。
您应该更换您的类型snapshot
from DocumentSnapshot
to AsyncSnapshot
.
...
builder: (BuildContext context, AsyncSnapshot snapshot) {
if (!snapshot.hasData) {
return Center(child: const Text('Loading events...'));
}
...
而且,您可能想要替换这一行:
return Text(snapshot['event_name']);
to this:
return Text(snapshot.data.documents[index]['event_name']);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)