Flutter 解析JSON 三種方式

靜默的小貓發表於2021-03-29

Dart實體類格式

class CategoryMo {
  String name;
  int count;

  CategoryMo({this.name, this.count});
  //將map轉成mo
  CategoryMo.fromJson(Map<String, dynamic> json) {
    name = json['name'];
    count = json['count'];
  }
  //將mo轉成map,可預設
  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['name'] = this.name;
    data['count'] = this.count;
    return data;
  }
}

複製程式碼

方案一:手寫實體類

person.json

{
  "name": "Jack",
  "age": 20
}
複製程式碼

model轉換與使用

var personMap = {
  "name": "Jack",
  "age": 20
};
Person person = Person.fromJson(personMap);
print('name:${person.name}');
print('age:${person.age}');
複製程式碼

方案二:生產力工具:json-to-dart外掛自動生成實體類

方案三:生產力工具: json_ serializable使用技巧

  • 安裝外掛
dependencies:
...
  dio: ^3.0.10
  json_annotation: ^3.1.0


dev_dependencies:
...
  json_serializable: ^3.5.0
  build_runner: ^1.0.0
複製程式碼
  • 配置實體類
{
    "code": 0,
    "method": "GET",
    "requestPrams": "dd"
}
複製程式碼
import 'package:json_annotation/json_annotation.dart';

// result.g.dart 將在我們執行生成命令後自動生成
part 'result.g.dart';

///這個標註是告訴生成器,這個類是需要生成Model類的
@JsonSerializable()
class Result {
  //定義構造方法
  Result(this.code, this.method, this.requestPrams);
  //定義欄位
  int code;
  String method;
  String requestPrams;

  //固定格式,不同的類使用不同的mixin即可
  factory Result.fromJson(Map<String, dynamic> json) => _$ResultFromJson(json);
  //固定格式
  Map<String, dynamic> toJson() => _$ResultToJson(this);
}
複製程式碼

因為實體類的生成程式碼還不存在,所以上程式碼會提示一-些錯誤是正常現象

  • 執行build生成實體類
flutter packages pub run build_runner build
複製程式碼

如何選擇

image.png

相關文章