Получение данных из облачного пожарного хранилища в виде списка во флаттере

Question

Я пытаюсь вытащить данные из коллекции Firebase облачных хранилищ (событий) в представление списка, я не уверен, правильно ли я это реализую, при запуске приложения я получаю сообщение об ошибке «MappedListIterable» не являетсяподтип типа «Виджет».Я впервые работаю с Firebase Cloud Firestore, и я действительно могу использовать некоторую помощь для лучшего понимания этой ошибки.

Здесь инициализируется представление списка:

    import 'package:flutter/material.dart';
import 'package:rallie_app/utils/event_summary.dart';
import 'package:cloud_firestore/cloud_firestore.dart';


class HomeList extends StatelessWidget {

 Firestore db = Firestore.instance; 



  @override
  Widget build(BuildContext context) {
    return Expanded(
      child: StreamBuilder<QuerySnapshot>(
          stream: Firestore.instance.collection('events').snapshots(),
          builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot){
           // count of events
            final int eventCount = snapshot.data.documents.length;
            if (snapshot.hasError)
              return new Text('Error: ${snapshot.error}');
            switch (snapshot.connectionState){
              case ConnectionState.waiting:
                return Center(child: CircularProgressIndicator());
              default:
                return new ListView.builder(
                    itemCount: eventCount ,
                  itemBuilder: (context, index) {
                    final DocumentSnapshot document = snapshot.data.documents[index];
                  return  new EventSummary(document);
                  }
                );
            }
          })



    );
  }
}

Это элементы представления списка, которые я хочу построить:

     import 'package:flutter/material.dart';
import 'package:rallie_app/model/events.dart';
import 'package:rallie_app/ui/detail/detail_page.dart';
import 'package:rallie_app/services/firestore_service.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'dart:async';

class EventSummary extends StatefulWidget {
  //TODO: Event summary constructor with event model class initialized in it

  final DocumentSnapshot event;

  EventSummary(this.event);

  @override
  _EventSummaryState createState() => _EventSummaryState();
}

class _EventSummaryState extends State<EventSummary> {
  @override
  Widget build(BuildContext context) {
    final userThumbnail = new Container(
      margin: EdgeInsets.symmetric(vertical: 16.0),
      alignment: FractionalOffset.centerLeft,
      child: Hero(
        tag: "user-image-${widget.event.data['id']}",
        child: CircleAvatar(
          backgroundImage: AssetImage(widget.event['event_poster_image']),
          // backgroundColor: Colors.white,
          maxRadius: 40.0,
        ),
      ),
    );

    final eventCardContent = Container(
      margin: new EdgeInsets.only(left: 46.0),
      decoration: new BoxDecoration(
        shape: BoxShape.rectangle,
        color: new Color(0xFFFFFFFF),
        borderRadius: new BorderRadius.circular(8.0),
        image: DecorationImage(
          image: AssetImage(widget.event.data['event_image']),
          fit: BoxFit.fill,
        ),
      ),
    );

    Widget _eventValue(){
      return Column(
        children: <Widget>[
          Container(
            height: 150.0,
            margin: const EdgeInsets.symmetric(
              vertical: 16.0,
              horizontal: 24.0,
            ),
            child: new Stack(
              children: <Widget>[
                eventCardContent,
                userThumbnail,
              ],
            ),
          ),
          Container(
            margin: const EdgeInsets.only(left: 70.0, bottom: 20.0),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Text(
                  widget.event.data['event_name'],
                  textAlign: TextAlign.start,
                ),
                Row(
                  //crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Text(
                      widget.event.data['event_date'],
                      textAlign: TextAlign.start,
                    ),
                    SizedBox(
                      width: 110,
                    ),
                    IconButton(
                      icon: Icon(Icons.share),
                      splashColor: Colors.orange,
                      tooltip: 'Share button',
                      onPressed: () =>
                          debugPrint('Share btn tapped'),
                    )
                  ],
                ),
                Text(
                  widget.event.data['event_attending'],
                  textAlign: TextAlign.start,
                ),
              ],
            ),
          )
        ],
      );
    }

    return new GestureDetector(
      onTap: () => Navigator.of(context).push(
            new PageRouteBuilder(
              pageBuilder: (_, __, ___) => new DetailPage(widget.event.data['id']),
              transitionsBuilder:
                  (context, animation, secondaryAnimation, child) =>
                      new FadeTransition(opacity: animation, child: child),
            ),
          ),
      child: StreamBuilder(
          stream: Firestore.instance.collection('events').snapshots(),
          builder: (context, snapshot) {
            if (!snapshot.hasData) return Text('Loading data... Please wait');
            return snapshot.data.documents.map(
              (document) => _eventValue()
            );
          }),
    );
  }
}

Answer 1

В вашем коде - Изменить - widget.event['id'] в - widget.event.data['id'] & То же самое То же самое с другими местами, где используется переменная моментального снимка ...

Согласно документации - DocumentSnapshot

DocumentSnapshot содержит данные, считанные из документа в вашей базе данных Cloud Firestore.Данные могут быть извлечены с помощью .data ()

widget.event is - DocumentSnapshot &, чтобы прочитать данные, которые вам необходимо использовать .data Метод.

Также ошибкаВы получаете код:

child: StreamBuilder(
          stream: Firestore.instance.collection('events').snapshots(),
          builder: (context, snapshot) {
            if (!snapshot.hasData) return Text('Loading data... Please wait');
            return snapshot.data.documents.map(
              (document) => Column(
                              ......

Здесь Builder ожидает виджет в качестве возвращаемого значения, а не 'MappedListIterable' -

snapshot.data.documents.map(
                  (document) // is Wrong return value for StreamBuilder.

Вам необходимо изменить свой код, чтобы вернуть виджет здесь.