美文网首页Flutter圈子Flutter官方实例解读Flutter
Flutter 手动json转化之后强制类型转化

Flutter 手动json转化之后强制类型转化

作者: 搞好关系 | 来源:发表于2018-06-12 16:43 被阅读56次

GitHub地址

手动json转化之后强制类型转化

{
    "rating": {
        "max": 10,
        "average": 7.4,
        "stars": "40",
        "min": 0
    },
    "reviews_count": 301,
    "wish_count": 15912,
    "douban_site": "",
    "year": "2009",
    "images": {
        "small": "https://img1.doubanio.com/view/photo/s_ratio_poster/public/p494268647.jpg",
        "large": "https://img1.doubanio.com/view/photo/s_ratio_poster/public/p494268647.jpg",
        "medium": "https://img1.doubanio.com/view/photo/s_ratio_poster/public/p494268647.jpg"
    },
    "alt": "https://movie.douban.com/subject/1764796/",
    "id": "1764796",
    "mobile_url": "https://movie.douban.com/subject/1764796/mobile",
    "title": "机器人9号",
    "do_count": null,
    "share_url": "https://m.douban.com/movie/subject/1764796",
    "seasons_count": null,
    "schedule_url": "",
    "episodes_count": null,
    "countries": [
        "美国"
    ],
    "genres": [
        "动画",
        "冒险",
        "奇幻"
    ],
    "collect_count": 74934,
    "casts": [
        {
            "alt": "https://movie.douban.com/celebrity/1054395/",
            "avatars": {
                "small": "https://img1.doubanio.com/view/celebrity/s_ratio_celebrity/public/p51597.jpg",
                "large": "https://img1.doubanio.com/view/celebrity/s_ratio_celebrity/public/p51597.jpg",
                "medium": "https://img1.doubanio.com/view/celebrity/s_ratio_celebrity/public/p51597.jpg"
            },
            "name": "伊莱贾·伍德",
            "id": "1054395"
        },
        {
            "alt": "https://movie.douban.com/celebrity/1016673/",
            "avatars": {
                "small": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p33305.jpg",
                "large": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p33305.jpg",
                "medium": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p33305.jpg"
            },
            "name": "詹妮弗·康纳利",
            "id": "1016673"
        },
        {
            "alt": "https://movie.douban.com/celebrity/1017907/",
            "avatars": {
                "small": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p55994.jpg",
                "large": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p55994.jpg",
                "medium": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p55994.jpg"
            },
            "name": "约翰·C·赖利",
            "id": "1017907"
        },
        {
            "alt": "https://movie.douban.com/celebrity/1036321/",
            "avatars": {
                "small": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p42033.jpg",
                "large": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p42033.jpg",
                "medium": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p42033.jpg"
            },
            "name": "克里斯托弗·普卢默",
            "id": "1036321"
        }
    ],
    "current_season": null,
    "original_title": "9",
    "summary": "机器人9号(伊利亚•伍德 Elijah Wood 饰)突然醒来,发现身边的世界充满危机,四处残败,一片末世景象。9号带着一个画有三个奇怪符号的圆形物体逃到街上,幸遇发明家机器人2号(马丁•兰道 Martin Landau 饰)给自己装上了声音,但2号却不幸被机器怪兽抓走。9号找到了老兵1号(克里斯托弗•普卢默 Christopher Plummer 饰)、机械工5号(约翰•雷利 John C. Reilly 饰)、疯癫画家6号(克里斯品•格拉夫 Crispin Glover 饰)和大力士8号(弗雷德•塔塔绍尔 Fred Tatasciore 饰)。9号与5号擅自出行援救2号,危急时被女武士7号(詹妮佛•康纳利 Jennifer Connelly 饰)救下,但无意中9号却令终极机器兽复活。带着自己从哪里来以及生存使命的问题,9号决定想尽办法制服机器兽,拯救全世界……©豆瓣",
    "subtype": "movie",
    "directors": [
        {
            "alt": "https://movie.douban.com/celebrity/1276787/",
            "avatars": {
                "small": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p1351678808.44.jpg",
                "large": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p1351678808.44.jpg",
                "medium": "https://img3.doubanio.com/view/celebrity/s_ratio_celebrity/public/p1351678808.44.jpg"
            },
            "name": "申·阿克",
            "id": "1276787"
        }
    ],
    "comments_count": 9193,
    "ratings_count": 60293,
    "aka": [
        "9:末世决战",
        "九",
        "Number 9",
        "机器人9号"
    ]
}

转化为Map数组

 List<Widget> casts = snap.data['casts']
            .cast<Map<String, dynamic>>()
            .map<Widget>((item) => new Column(
                  children: <Widget>[
                    new Image.network(item['avatars']['small']),
                    new Text(item['name'])
                  ],
                ))
            .toList();
拆解步骤
1. 先进行类型转换
2. 使用map 方法遍历返回Iteration
    map<Widget>((item){
        return Widget
    }) 或者
    map<Widget>((item)=> new Widget)
    
3. 将Iteration转化为List<Widget>
    iteraInstance.toList()

转化为List<String>遍历

    snap.data['genres'].cast<String>().map<Widget>((item) {
                            return new Text(
                              ' ${item} ',
                              style: new TextStyle(
                                  color: Colors.green,
                                  fontWeight: FontWeight.w100,
                                  fontSize: 18.0),
                            );
                          }).toList()
步骤同上只是这次转为cast<String>()

相关文章

  • Flutter 手动json转化之后强制类型转化

    GitHub地址 手动json转化之后强制类型转化 转化为Map数组 转化为List遍历

  • php第三天--运算符和表达式

    1、强制类型转化1、类型转化函数 intval floatval strval boolval【注】转化的...

  • C基础 循环 三大结构

    1.类型转化(1)隐式转化:注意:当赋值号;两边类型不同时,自动转化位精度较高的类型。(2)隐式转化:强制类型转化...

  • 笔记

    1.类型转化隐式转化 5/3=1.00000 当赋值号两边类型不同时,自动转化精度较高的类型显式转化 强制类型...

  • Flutter开发之Json转Model

    一、手动转化 JSON转模型,必然可以通过手动来进行转化: 优点:完全是自己可控的,并且需要哪些字段就转化哪些字段...

  • R语言强制数据类型转换

    1.as.character(x) 强制转化 对象X为 字符类型 对象 2.as.numeric(x) 强制转化 ...

  • JS 09-19 or 20

    数据类型转换 强制类型转化 ParseInt 将数字或者字符转化整形 Parsefloat 将数字或者字符转化为浮...

  • 笔记五

    1.数据类型转换 (1)隐式转化:当赋值号两边类型不同时,自动转化为精度较高的类型。(2)显式转化:强制类型转化,...

  • 小知识点-API26开始findViewById不需要强制类型转

    findViewById不需要强制类型转化啦 最近发现,在编写 findViewById 时,我没有进行类型转化,...

  • 2018-09-19js

    1.数据类型转换 (1)强制类型转化 parseInt:将数字或者字符串转化整形。parseFloat:将数字或者...

网友评论

    本文标题:Flutter 手动json转化之后强制类型转化

    本文链接:https://www.haomeiwen.com/subject/aslreftx.html