乐趣区

关于flutter:Flutter-Notes-|quicktype-解析-json-就是这么-easy~

删除按下的那一刻,已经的所有,终将消失,云消雾散,了无痕迹。

前言

起初,刚入坑 Flutter,拿到后盾返回 json 串,整个人是比拟懵逼的。

回想起 Android,从开始的 JsonArray、JsonObject,直到最初的 Gson,应用起来几乎爽的嗨起~

而面对 Flutter 的解析 json,真的让我头大,倒不是有多难,而是没找对形式办法。

说一下本文重点:

  • 其实就是拿到接口返回 json 串,复制 quicktype 中,获取生成的 bean 即可。

文末已附上链接,不想看水文的小伙伴可间接拉到底,上手 0 根底。

目标:

  • 集体记录,微薄之力帮忙有须要的小伙伴~

本文 json 对标网上找的一篇不错的 Flutter Json 解决的文章,文末已附上链接。

仅仅是个辅助工具,不蕴含对应的异样解决,毕竟,没学会走,就想跑?啥事儿不得慢慢来吗。

神器退场

尽管 Flutter 提供了 dart:convert 库,让咱们无缝解析 json,然而实际上对于我一样的小白,尤其刚刚入坑的小白,上手水平还是有点费劲。

那么,有没有一个神器,能够让相似我一样 0 根底的开发者,轻而易举解析 json 呢?

闪亮退场:

  • quicktype

官网点击右上角,抉择 open quicktype:

按需抉择对应操作:

测试环节

因为要害解析实体还是通过 quicktype 生成,这里简略的举个例子,让咱们一起来看,解析 json,到底如许 easy~

一、简略的 json 串

要解析的 json 串如下:

{
  "id":"201314",
  "name":"HLQ_Struggle",
  "score" : 100
}

对应拷贝 quicktype 获取对应实体类:

// To parse this JSON data, do
//
//     final student = studentFromJson(jsonString);

import 'dart:convert';

Student studentFromJson(String str) => Student.fromJson(json.decode(str));

String studentToJson(Student data) => json.encode(data.toJson());

class Student {
    Student({
        this.id,
        this.name,
        this.score,
    });

    String id;
    String name;
    int score;

    factory Student.fromJson(Map<String, dynamic> json) => Student(id: json["id"],
        name: json["name"],
        score: json["score"],
    );

    Map<String, dynamic> toJson() => {
        "id": id,
        "name": name,
        "score": score,
    };
}

应用贼不便,例如解析以后这个 json:

GestureDetector(child: _buildItemText('一般 json 解析'),
  onTap: () {showToast(studentFromJson(studentJson).name);
  },
),

成果如下:

而一般实体转 json 也很 easy(当然这里我偷个懒):

GestureDetector(child: _buildItemText('一般 Bean 转 json'),
  onTap: () {showToast(studentToJson(studentFromJson(studentJson)));
  },
),

成果如下:

二、json 蕴含数组

先来看下咱们的 json 串:

{
  "city": "张家口",
  "streets": [
    "尚义",
    "张北"
  ]
}

同样丢到 quicktype 获取最终的实体类:

import 'dart:convert';

Address addressFromJson(String str) => Address.fromJson(json.decode(str));

String addressToJson(Address data) => json.encode(data.toJson());

class Address {
  Address({
    this.city,
    this.streets,
  });

  String city;
  List<String> streets;

  factory Address.fromJson(Map<String, dynamic> json) => Address(city: json["city"],
        streets: List<String>.from(json["streets"].map((x) => x)),
      );

  Map<String, dynamic> toJson() => {
        "city": city,
        "streets": List<dynamic>.from(streets.map((x) => x)),
      };
}

成果如下:

内容较为简洁,就不一一展现了~

举荐应用~

Thanks

  • quicktype
  • Parsing complex JSON in Flutter
退出移动版