如何在Flutter中使用FutureBuilder显示firebase中的数据

import 'package:firebase_core/firebase_core.dart';
import 'package:cloud_firestore/cloud_firestore.dart';

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

Future<QuerySnapshot> getDataFromFirebase() {
  return FirebaseFirestore.instance.collection('collectionName').get();
}

FutureBuilder<QuerySnapshot>(
  future: getDataFromFirebase(),
  builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
      return CircularProgressIndicator(); // 加载中的提示
    }
    if (snapshot.hasError) {
      return Text('Error: ${snapshot.error}'); // 错误提示
    }
    if (!snapshot.hasData) {
      return Text('No data'); // 没有数据的提示
    }
    return ListView.builder(
      itemCount: snapshot.data.docs.length,
      itemBuilder: (BuildContext context, int index) {
        DocumentSnapshot document = snapshot.data.docs[index];
        return ListTile(
          title: Text(document['title']), // 根据数据结构显示数据
          subtitle: Text(document['subtitle']),
        );
      },
    );
  },
)