具有冻结功能的 Json 序列化器 - firestore 通信

Question

我正在努力在项目中实现购物车功能，我正在尝试传递序列化的 JSON（使用冻结的包生成），但我的CartItem.Error: Invalid argument (dartObject): Could not convert: Instance of '_$36_CartItem'

我的购物车型号：

part 'user.freezed.dart';
part 'user.g.dart';

@freezed
class User with _$User {
  factory User({
    required final String id,
    required final String email,
    required List<CartItem> cart,
  }) = _User;

  const User._();

  factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);
}

产品：

part 'product.freezed.dart';
part 'product.g.dart';

@freezed
class Product with _$Product {
  factory Product({
    required final String id, 
    required final String name, 
    required final double price, 
    required final bool isBestseller, 
    required final String description, 
    required final String imageUrl, 
  }) = _Product;

  const Product._();

  factory Product.fromJson(Map<String, dynamic> json) =>
      _$ProductFromJson(json);
}

购物车商品：

part 'cart_item.freezed.dart';
part 'cart_item.g.dart';

@freezed
class CartItem with _$CartItem {
  factory CartItem({
    required final Product product,
    required int quantity,
  }) = _CartItem;

  const CartItem._();

  factory CartItem.fromJson(Map<String, dynamic> json) =>
      _$CartItemFromJson(json);
}

将数据传递到firestore的方法：

Future<void> firebaseCreateUser(firebase_auth.User user) async {
    CollectionReference users = FirebaseFirestore.instance.collection('users');
    List<CartItem> test = [
      CartItem(product: MockData.mockProducts.elementAt(0), quantity: 2),
      CartItem(product: MockData.mockProducts.elementAt(1), quantity: 2)
    ];
    return users
        .doc(user.uid)
        .set(User(cart: test, email: user.email!, id: user.uid).toJson())
        .catchError((e) => print('Failed to add user: $e'));
  }

在 .g.dart 内部生成toJson（所有生成的文件都具有相同的 toJson 模式）：

Map<String, dynamic> _$_$_UserToJson(_$_User instance) => <String, dynamic>{
      'id': instance.id,
      'email': instance.email,
      'cart': instance.cart,
    };

我认为问题在于CartItem我认为User.toJson()应该在对象中调用所有 toJson 方法，但我是第一次实现它，所以我真的不知道。

我应该在 User 中编写自己的 toJson ，然后调用构建运行程序并冻结将重新生成新的 toJson 吗？

Answer 1

您必须对 cart 属性使用装饰器 @JsonKey(fromJson: User.cartItemFromJson, toJson: User.cartItemToJson) 并在 User 类中创建这 2 个静态方法：

part 'user.freezed.dart';
part 'user.g.dart';

@freezed
class User with _$User {
  factory User({
    required final String id,
    required final String email,
    @JsonKey(fromJson: User.cartItemFromJson, toJson: User.cartItemToJson)
    required List<CartItem> cart,
  }) = _User;

  const User._();

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

  static cartItemFromJson(List<dynamic?> listOfItem) => listOfItem.isEmpty ? [] 
    : listOfItem.map((item) => CartItem.fromJson(item)).toList();

  static cartItemToJson(List<CartItem?> items) => items.isEmpty ? []
    : items.map((item) => CartItem.toJson()).toList();
}

或者您可以创建一个实现 JsonConverter 的类并将该类用作装饰器，所有信息都在冻结的文档中：https ://pub.dev/packages/freezed#fromjsontojson