2024年如何读取cloud firestore中的用户数据

Question

我使用以下方法获取用户数据，如何将其显示在我的屏幕上？请指导，因为我对 flutter 和 firebase 技术还不是很流利，仍在学习。我已经深入研究了这一点仍然无法理解现在如何显示数据。

DatabaseReference ref = FirebaseDatabase.instance.ref();

  Future readUserData() async {
    final ref = FirebaseDatabase.instance.ref();
    final snapshot = await ref.child('users/username').get();
    if (snapshot.exists) {
      print(snapshot.value);
    } else {
      print('No data available.');
    }
  }

Answer 1

要在 Flutter 屏幕上显示从 Firebase 获取的数据，您可以使用 FutureBuilder 或 StreamBuilder 小部件

1. 未来建造者

   要在屏幕上显示数据，请使用 FutureBuilder 小部件。 FutureBuilder 小部件随 Flutter 一起提供，可以轻松使用异步数据源。

2. StreamBuilder

   StreamBuilder 是一个使用流操作的小部件，基本上，当它获取通过它侦听的 Stream 传递的新值时，它会重建其 UI。

   您可以看到下面的示例，使用 FutureBuilder StreamBuilder Widget 从 firebase 实时数据库检索数据

   如何在我的 Flutter 应用中显示来自 Firebase 的用户数据？

   Flutter 中的 FutureBuilder 和 StreamBuilder