如何从 StreamBuilder 将数据正确保存到我的模型中

Question

所以我想知道将数据保存到我的模型中的最佳方法是什么。我注意到关于 StreamBuilder 和 Models 的信息并不多。 （我的意思是两者一起）。

这是我目前的模型。

class User {
  String _username, _name, _dateBorn, _gender;

  bool _isObserver, _notifyFriends, _recordAudio, _sendTweet;

  List<dynamic> _friendList;
  List<dynamic> _pendingFriends;

  User(
      this._username,
      this._name,
      this._dateBorn,
      this._gender,
      this._isObserver,
      this._notifyFriends,
      this._recordAudio,
      this._sendTweet,
      this._friendList,
      this._pendingFriends);

  String get username => _username;
  String get name => _name;
  String get dateBorn => _dateBorn;
  String get gender => _gender;

  bool get isObserver => _isObserver;
  bool get notifyFriends => _notifyFriends;
  bool get recordAudio => _recordAudio;
  bool get sendTweet => _sendTweet;

  set setNotifyFriends(bool value) => _notifyFriends = value;
  set setRecordAudio(bool value) => _recordAudio = value;
  set setSendTweet(bool value) => _sendTweet = value;

  List<dynamic> get friendList => _friendList;
  List<dynamic> get pendinFriends => _pendingFriends;
}

这是我当前的 FireStore 数据库。

我现在正在做的就是这个。

StreamBuilder(
            stream:
                FirebaseFirestore.instance.collection('Usuarios').snapshots(),
            builder: (context, AsyncSnapshot<QuerySnapshot> snapshot) {
              if (!snapshot.hasData) {
                return Center(
                  child: CircularProgressIndicator(),
                );
              }

              var data = snapshot.data!.docs;
              var user;

              data.forEach((element) {
                if (element["username"] == me) {
                  user = User(
                    element["username"],
                    element["realName"],
                    element["date_birth"],
                    element["sexo"],
                    element["isObserver"],
                    element["config"]["notifyFriends"],
                    element["config"]["recordAudio"],
                    element["config"]["sendTweet"],
                    element["friends"],
                    element["pendingFriends"],
                  );
                }
              });

              return FriendsWidget(user);
            }),

但我很确定这不是一个好的做法，将数据提供给模型的最佳做法是什么？不丢失实时更新数据功能？

谢谢！

Answer 1

我们可以使用json_serializable 包 Flutter 以简化 JSON 解析并将其分配给相应的模型 类而不是手动分配它。

您可以创建方法fromJson 和toJson 来解析JSONObjects。但是，我们可能需要设置一些开发依赖项以使其在我们的项目中工作。请参考Flutter的文档

用法很简单，如下所示

FirebaseFirestore.instance.collection('allUsers').snapshots().listen((event) {
    for (var element in event.docChanges) {
        final modelData = UserModel.fromJson(element.doc.data());
        // Do anything with your user. For example adding to list. 
    }
});

模型类

part 'user_model.g.dart';

@JsonSerializable()
class UserModel {
  @JsonKey(name: 'user_id')
  String userId;

  @JsonKey(name: 'name')
  String name;
  
  UserModel();

  factory UserModel.fromJson(Map<String, dynamic> json) => _$UserModelFromJson(json);

  Map<String, dynamic> toJson() => _$UserModelToJson(this);
}

json_serializable 和firestore 的用法在以下文章中进行了说明。可以作为参考。

firestore-with-flutter-json-annotation

flutter-using-json_serializable-to-serialise

https://livebook.manning.com/book/flutter-in-action/chapter-10/v-7/54

详细信息在示例链接中以零碎的形式提供。您可能需要对其进行调整以最适合您的要求。