показывать список данных о firebase_database с flutter

Я новый в flutter и - intregando firebase уже ему удайтесь сохранять данные и показать их в консоли

Но сейчас я хочу показать их в новом этом card это код, который я приношу:

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

void main(){
  runApp(new MaterialApp(
    home: MyFirstApp(),
  ));
}
class MyFirstApp extends StatefulWidget {
  @override
  _MyFirstAppState createState() => new _MyFirstAppState();
}
class _MyFirstAppState extends State<MyFirstApp> {
  final dataBaseReference = FirebaseDatabase.instance.reference();
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Firebase"),
      ),
      body: new Center(
        child: new Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            new RaisedButton(
              child: new Text("Guardar Archivos"),
              onPressed: (){
                GuardarArchivo();
              },
            ),
            new RaisedButton(
              child: new Text("Ver Archivos"),
              onPressed: (){
                getData();
              },
            ),
            new Card(
              child: new Column(
                children: <Widget>[
                 new Container(
                   padding: const EdgeInsets.all(10),
                   child: Text(
                     ''' Nuevo Contenedor '''
                   ),
                 )
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
  void GuardarArchivo(){
    dataBaseReference.child("1").set({
      'title':"New",
      'description':"Nueva"
    });
  }
  void getData(){

    dataBaseReference.once().then((DataSnapshot snapshot){
      //print('Data: $snapshot.value');
      //new Text('$snapshot');
      for(var value in snapshot.value.values){
        print(value);
        //new Text(value);
      }

    });
  }
}

и это фрагмент, который я нашел кода, но использует этот firestore не firebase_database

return new Column(
  children: <Widget>[
    new Flexible(
      child: StreamBuilder(
        stream: Firestore.instance.collection('chats').document('ROOM_1').collection('messages').snapshots(),
        builder: (context, snapshot){
          if (!snapshot.hasData){
            return Container(
              child: Center(
                child: Text("No data")
              )
            );
          }

          return ListView.builder(
            padding: EdgeInsets.all(8.0),
            reverse: true,
            itemCount: snapshot.data.documents.length,
            itemBuilder: (_, int index) {
              return ChatMessage(text: snapshot.data.documents[index]["messageField"]); //I just assumed that your ChatMessage class takes a parameter message text
            }
          );        
        }
      )

Он был бы благодарен за Вашу помощь, чтобы мочь завершать это упражнение

0
задан 19.03.2019, 01:20
1 ответ

Я рекомендую тебе мигрировать в Firestore, но для того, чтобы ты смог скроллировать твой пример, podrГ-туз использовать этот cГіdigo:

      return StreamBuilder<Event>(
          stream: FirebaseDatabase.instance.reference().child('1').onValue,
          builder: (context, snapshot) {
            if (!snapshot.hasData) {
              return Container(child: Center(child: Text("No data")));
            }
            return ListView.builder(
              padding: EdgeInsets.all(8.0),
              reverse: true,
              itemBuilder: (_, int index) {
                return ListTile(
                  title: Text(
                    snapshot.data.snapshot.value.toString(),
                  ),
                ); //I just assumed that your ChatMessage class takes a parameter message text
              },
            );
          },
        );
1
ответ дан 02.12.2019, 05:28
  • 1
    это лучший firestore – Angel Judath Alvarez 19.03.2019, 02:01
  • 2
    это вопрос или afirmació n? если это вопрос, так как sí! – diegoveloper 19.03.2019, 02:02
  • 3
    @dievoveloper спроси. Мне не хватало знака interrogació n я начну видеть firestore – Angel Judath Alvarez 19.03.2019, 02:10
  • 4
    дай ему, если ты sirvió мой ответ má rcalo как решенный, есть много примеров на firestore в Вебе. – diegoveloper 19.03.2019, 02:12
  • 5
    có я говорю, с которым я apó яхта идет внутрь d emi funció n getData – Angel Judath Alvarez 19.03.2019, 02:54

Теги

Похожие вопросы