Firebase & List -如何使用FireBase中的数据创建列表

dependencies:
  firebase_core: ^1.x.x
  firebase_database: ^x.x.x # 如果您使用的是实时数据库，请使用此依赖项
  firebase_firestore: ^x.x.x # 如果您使用的是Firestore，请使用此依赖项

flutterfire configure

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

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

class MyListPage extends StatefulWidget {
  @override
  _MyListPageState createState() => _MyIdkPageState();
}

class _MyListPageState extends State<MyListPage> {
  List<String> myList = [];
  final DatabaseReference _databaseReference = FirebaseDatabase.instance.reference();

  @override
  void initState() {
    super.initState();
    _loadData();
  }

  _loadData() async {
    DatabaseReference _dataRef = _databaseReference.child("data");
    _dataRef.onChildAdded.listen((event) {
      setState(() {
        myList.add(event.snapshot.value);
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Firebase List')),
      body: ListView.builder(
        itemCount: myList.length,
        itemBuilder: (BuildContext context, int index) {
          return ListTile(
            title: Text(myList[index]),
          );
        },
      ),
    );
  }
}

import 'package:cloud_firestore/cloud_firestore.dart';

// ...

Firestore _firestore = FirebaseFirestore.instance;

_loadData() async {
  QuerySnapshot querySnapshot = await _firestore.collection("data").get();
  setState(() {
    myList = querySnapshot.docs.map((DocumentSnapshot doc) {
      return doc.data()['key']; // 将此处的'key'替换为您的实际字段名
    }).toList();
  });
}