【问题标题】：Flutter/Dart JSON and serialization of an existing library classFlutter/Dart JSON 和现有库类的序列化
【发布时间】：2020-04-30 03:58:29
【问题描述】：

我有一堂课：

import 'package:google_maps_flutter/google_maps_flutter.dart';

class Place {
  Place({
    this.address,
    this.coordinates,
  });

  final String address;
  final LatLng coordinates;
}

LatLng 是 google_maps_flutter 的一个类。如何使用json_annotation 和json_serializable 使我的Place 类可序列化？

非常感谢！

【问题讨论】：

标签： json flutter serialization dart json-serialization

【解决方案1】：

我没有找到一个超级简单的解决方案。最后，我为 LatLng 属性编写了一个自定义 toJson/fromJson。我已将它静态地放到我的模型中，但如果您需要重用它，您也可以创建一个全局函数。

请注意，在我的示例中，LatLng 可以为空。

import 'dart:collection';
import 'dart:convert';

import 'package:latlong2/latlong.dart';

part 'challenge_model.g.dart';

@JsonSerializable()
class ChallengeModel with _$ChallengeModel {
  ChallengeModel({
    required this.startPosition,
  });

  @override
  @JsonKey(fromJson: latLngFromJson, toJson: latLngToJson)
  final LatLng? startPosition;

  /// Create [ChallengeModel] from a json representation
  static fromJson(Map<String, dynamic> json) => _$ChallengeModelFromJson(json);

  /// Json representation
  @override
  Map<String, dynamic> toJson() => _$ChallengeModelToJson(this);

  static String latLngToJson(LatLng? latLng) =>
      jsonEncode(latLng != null ? {'latitude': latLng.latitude, 'longitude': latLng.longitude} : null);

  static LatLng? latLngFromJson(String jsonString) {
    final LinkedHashMap<String, dynamic>? jsonMap = jsonDecode(jsonString);

    return jsonMap != null ? LatLng(jsonMap['latitude'], jsonMap['longitude']) : null;
  }
}

【讨论】：

【解决方案2】：

您可以使用 JsonKey 注解明确指定 LatLng 的哪些方法应该用于序列化：

@JsonSerializable()
class Place {
  Place({
    this.address,
    this.coordinates,
  });

  final String address;
  @JsonKey(fromJson: LatLng.fromJson, toJson: jsonEncode)
  final LatLng coordinates;
}

【讨论】：

这就是答案^

【解决方案3】：

将此代码放入您的模型中

要从 JSON 响应中获取信息，只需在您的请求之后执行此操作

最终位置 = placeFromJson(response.body);
获取地址 => = place.address
获取坐标 => place.coordinates.lng , place.coordinates.lat

==============================================


import 'dart:convert';

Place placeFromJson(String str) => Place.fromJson(json.decode(str));

String placeToJson(Place data) => json.encode(data.toJson());

class Place {
    String address;
    Coordinates coordinates;

    Place({
        this.address,
        this.coordinates,
    });

    factory Place.fromJson(Map<String, dynamic> json) => Place(
        address: json["address"],
        coordinates: Coordinates.fromJson(json["coordinates"]),
    );

    Map<String, dynamic> toJson() => {
        "address": address,
        "coordinates": coordinates.toJson(),
    };
}

class Coordinates {
    String lat;
    String lng;

    Coordinates({
        this.lat,
        this.lng,
    });

    factory Coordinates.fromJson(Map<String, dynamic> json) => Coordinates(
        lat: json["lat"],
        lng: json["lng"],
    );

    Map<String, dynamic> toJson() => {
        "lat": lat,
        "lng": lng,
    };
}

【讨论】：

谢谢！问题是我需要使用LatLng 类。我可以使用它并使我的Place 类可序列化吗？