Flutter 中如何处理Json
Flutter给我们提供了 dart:convert 包,我们可以通过
json.decode(json) 来序列化json
例子:
json数据如下:
{ "reason": "成功的返回", "result": { "stat": "1", "data": [{ "category": "头条", "author_name": "解放网", "url": "http:\/\/mini.eastday.com\/mobile\/190306125558115.html", "thumbnail_pic_s": "http:\/\/01imgmini.eastday.com\/mobile\/20190306\/20190306125558_d2b6545a4b6273201218c32c6ffe436a_1_mwpm_03200403.jpg" }, { "category": "头条", "author_name": "北青网", "url": "http:\/\/mini.eastday.com\/mobile\/190306124440102.html", "thumbnail_pic_s": "http:\/\/04imgmini.eastday.com\/mobile\/20190306\/20190306124440_bfad5f823d7fcad5e044754e095278ef_1_mwpm_03200403.jpg", }] }, "error_code": 0 };
//将字符串转成json 返回的是键值对的形式 Map<String, dynamic> news = jsonDecode(jsonData); //取值 String sats = news['result']['stat'];
可以看到,我们这样取值是需要手动的敲字段来获取数据的,比较麻烦,所以下面讲一下自动生成Bean实体类。
方式一:在线转换 Json在线转Dart
1、将json数据赋值到输入框中,点击创建Dart类,然后右边就是生成好的Dart代码,类名可以复制到编辑器后自行修改。
2、创建一个Dart类,将类名自行修改一下
3、使用方式:
/*先将字符串转成json*/
Map<String, dynamic> json = jsonDecode(jsonData);
/*将Json转成实体类*/
NewsBean newsBean=NewsBean.fromJson(news);
/*取值*/
String sats = newsBean.result.stat;
方式二:插件
在Android原生开发中,我们有很好用的Gson、FastJson等第三方库来帮助我们将json转成实体类。但是,在Flutter中可能不会有这样的第三方库供我们使用了,详细原因请看 JSON and serialization
首先安装FlutterJsonBeanFactory这个插件,安装方式很简单,这里我就不说了。
安装完成后右键包目录,选择new
然后选择dart bean class File from JSON
然后将json数据粘贴至输入框,输入类名,点击make即可
这样实体类就生成好了: