Firestore json данных для просмотра списка с флаттером

Question

ребята, я разрабатываю приложение для заказа еды. Я могу читать все данные в моем Firestore как JSON, но мне нужно использовать эти данные для построения списка. Мне просто нужно отделить эти данные ITEM BY ITEM Вы знаете, как я могу сделать это в кратчайшие сроки? спасибо

НРАВИТСЯ ЭТОТ список первой плитки
ИМЯ ПУНКТА = iTEM1

IMGURL = android / assets / images / lunch.jpeg

КОЛИЧЕСТВО = 2

PRICE = 10

`import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:resat/BurgerListView/data/food_,model.dart';

 class cart_page extends StatelessWidget {
 FoodItem foodItem;


    @override
   Widget build(BuildContext context) {
      return Scaffold(
       body: new GestureDetector(
          child: Text('asd'),
         onTap: () async {
             var docs = await Firestore.instance
            .collection('cart')
          .document('LIihBLtbfuJ8Dy640DPd')
          .get()
          .then((DocumentReference) => DocumentReference.data);

      print(docs);
    },
  ),
);
 }
}

`это мой пожарный магазин

и это мои печатные документы, которые JSON данные напечатаны с Firestore

Answer 1

Например

  body: Builder(builder: (context){
    return StreamBuilder<QuerySnapshot>(
      stream: Firestore.instance.collection('cart').snapshots(),
      builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
        if (snapshot.hasError)
          return Center(
            child: Text('Error: ${snapshot.error}'),
          );
        switch (snapshot.connectionState) {
          case ConnectionState.waiting:
            return Center(
              child: Text('Loading...'),
            );
          default:
            return new ListView(
              children: snapshot.data.documents.map((
                  DocumentSnapshot document) {
                return  ListTile(
                  title: Text(document['asd']),

                );
              }).toList(),
            );
        }
      },
    );
  })

Answer 2

Вот несколько хороших руководств по Listview.builder, которые следует использовать:

Учебник

Справка Flutter.dev

Хороший учебник на YouTube

Я думаю, вы должны понять это.

Надеюсь, это поможет!