如何转换列表<custommodel>至 Map<string,dynamic> 在 Flutter</string,dynamic></custommodel>

Question

我在 Flutter 中使用 HydratedBloc。 为了使用 HydratedBloc，我需要将我的自定义 List（从 JSON 字符串解析） List<List<Category>>转换为Map<String, dynamic> 。 这是我用来解析 json 字符串的 model

import 'dart:convert';

List<List<Category>> rpTrendingCategoriesFromJson(String str) => List<List<Category>>.from(json.decode(str).map((x) => List<Category>.from(x.map((x) => Category.fromJson(x)))));

String rpTrendingCategoriesToJson(List<List<Category>> data) => json.encode(List<dynamic>.from(data.map((x) => List<dynamic>.from(x.map((x) => x.toJson())))));

class Category {
  Category({
    this.title,
    this.imageLink,
  });

  String title;
  String imageLink;

  factory Category.fromJson(Map<String, dynamic> json) => Category(
    title: json["title"] == null ? null : json["title"],
    imageLink: json["imageLink"] == null ? null : json["imageLink"],
  );

  Map<String, dynamic> toJson() => {
    "title": title == null ? null : title,
    "imageLink": imageLink == null ? null : imageLink,
  };
}

在这里我需要将List<List<Category>>转换为Map<String, dynamic>

class TrendingCategoriesCubit extends Cubit<TrendingCategoriesState>
    with HydratedMixin {
  Repository repository;

  TrendingCategoriesCubit({@required this.repository})
      : super(TrendingCategoriesLoading());

  Future<void> fetchTrendingCategories() async {
    emit(TrendingCategoriesLoading());
    List<List<Category>> categories =
        await repository.fetchTrendingCategories();
    if (categories.isEmpty) {
      emit(TrendingCategoriesFetchedEmpty());
    } else if (categories.isNotEmpty) {
      emit(TrendingCategoriesFetched(categories: categories));
    }
  }

  @override
  TrendingCategoriesState fromJson(Map<String, dynamic> json) {
    try {
      final categories = rpTrendingCategoriesFromJson(json.toString());
      return TrendingCategoriesFetched(categories: categories);
    } catch (_) {
      return null;
    }
  }

  @override
  Map<String, dynamic> toJson(TrendingCategoriesState state) {
    if (state is TrendingCategoriesFetched) {
      return state.categories.toJson(); //coudn't do it
    } else {
      return null;
    }
  }
}

如果您查看上面的toJson()方法，我需要将List<List<Categor>>返回到Map<String,dynamic 。 我该怎么做？

Answer 1

实现所需结果的简单解决方法是为 Hydrated BLoC 的 toJson/fromJson 部分创建 Map：

@override
TrendingCategoriesState fromJson(Map<String, dynamic> json) {
  try {
    final categoriesJson = json['categories'];
    final categories = rpTrendingCategoriesFromJson(json.toString());
    return TrendingCategoriesFetched(categories: categories);
  } catch (_) {
    return null;
  }
}

@override
Map<String, dynamic> toJson(TrendingCategoriesState state) {
  if (state is TrendingCategoriesFetched) {
    return <String, dynamic>{
      'categories': state.categories.toJson(),
    };
  } else {
    return null;
  }
}

只需稍微调整代码即可编译，但总体思路是创建一个“临时” Map object 仅用于持久化和恢复水合的 state。