搜索
搜索

Flutter-将JSON数据解析为列表

Android 发表于 Android
81
安卓

我是flutter的新手，我不得不在Android中解析相同的JSON响应，但是我不知道在Flutter中解析JSON。作为，我能够在控制台中打印响应，但是不知道如何创建模型类。

下面是我可以获取并打印JSON响应的函数。

Future<Null> getHomeData() async {
setState(() {
  loading = true;
});

final response = await http.get(Uri.encodeFull(APIs.url_HomePage));
Map responseMap = jsonDecode(utf8.decode(response.bodyBytes));

var adv_img = responseMap['adv_img'] as List;
var info_text = responseMap['info_text'] as List;
var shop_cat = responseMap['shop_cat'] as List;
var section = responseMap['section'] as List;

print(adv_img);
print(info_text);
print(shop_cat);
print(section);


setState(() {
  loading = false;
  });
}

这里是链接JSON文件和链接模型类

请帮我解决问题。谢谢。

萨加尔·阿查里亚

看看我根据您的json数据创建的以下示例：

json文件：

{
    "adv_img": [
      {
        "category_id": "666",
        "image": "localhost://example.com/mobile/ikol/home/banner.jpg?v=6.71",
        "tag": "category"
      }
    ],
    "info_text": [
      {
        "text_head": "FREE DELIVERY AND INSTALLATION",
        "text_sub": " Across All Major Cities"
      },
      {
        "text_head": "GET EXTRA 20% OFF ON ALL PRODUCTS",
        "text_sub": "Use Coupon Code INDIA20"
      },
      {
        "text_head": "LARGE EXPERIENCE STORE NETWORK",
        "text_sub": "20+ Stores Across India"
      }
    ],
    "shop_cat": [
      {
        "category_id": "landing",
        "icon_image": "localhost://example.com/mobile/images-m/aui87/popular-sofas.jpg",
        "category_name": "prodcut_1"
      },
      {
        "category_id": "landing",
        "icon_image": "localhost://example.com/mobile/images-m/aui87/popular-bed.jpg",
        "category_name": "prodcut_2"
      },
      {
        "category_id": "17",
        "icon_image": "localhost://example.com/mobile/images-m/aui87/shop-8.jpg",
        "category_name": "TV prodcut_3"
      },
      {
        "category_id": "29",
        "icon_image": "localhost://example.com/mobile/images-m/aui87/popular-stud.jpg",
        "category_name": "prodcut_4"
      },
      {
        "category_id": "13",
        "icon_image": "localhost://example.com/mobile/images-m/aui87/popular-bed.jpg",
        "category_name": "prodcut_5"
      },
      {
        "category_id": "landing",
        "icon_image": "localhost://example.com/mobile/images-m/aui87/popular.jpg",
        "category_name": "prodcut_6"
      }
    ],
    "section": [
      {
        "banner": [
          {
            "tag": "category",
            "category_id": "666",
            "category_name": "banner_1",
            "banner_image": "localhost://example.com/mobile/images-m/aui87/-store.jpg"
          },
          {
            "tag": "category",
            "category_id": "55",
            "category_name": "banner_2",
            "banner_image": "localhost://example.com/mobile/images-m/aui87/beds.jpg"
          },
          {
            "tag": "category",
            "category_id": "13",
            "category_name": "banner_3",
            "banner_image": "localhost://example.com/mobile/images-m/aui87/beds.jpg"
          }
        ],
        "top_selling": {
          "tag": "Top Selling Products",
          "view_type": 0,
          "traget": 1,
          "data": [
            {
              "product_id": "3842",
              "category_id": "56",
              "name": "top_1",
              "image": "localhost://example.com/mobile/images-m/aui87/size.jpg?",
              "price": "₹ 77,999",
              "special": "₹ 42,499",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "8581",
              "category_id": "299",
              "name": "top_2",
              "image": "localhost://example.com/mobile/images-m/aui87/sofa.jpg",
              "price": "₹ 51,099",
              "special": "₹ 29,989",
              "discount": "",
              "fabricConcept": "1"
            },
            {
              "product_id": "19767",
              "category_id": "545",
              "name": "top_3",
              "image": "localhost://example.com/mobile/images-m/aui87/seater.jpg",
              "price": "₹ 68,999",
              "special": "₹ 41,999",
              "discount": "",
              "fabricConcept": "1"
            },
            {
              "product_id": "17914",
              "category_id": "25",
              "name": "top_4",
              "image": "localhost://example.com/mobile/images-m/aui87/tables.jpg",
              "price": "₹ 34,999",
              "special": "₹ 19,898",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "19476",
              "category_id": "36",
              "name": "top_5",
              "image": "localhost://example.com/mobile/images-m/aui87/chairs.jpg",
              "price": "₹ 32,999",
              "special": "₹ 18,999",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "15657",
              "category_id": "116",
              "name": "top_6",
              "image": "localhost://example.com/mobile/images-m/aui87/divans.jpg",
              "price": "₹ 49,599",
              "special": "₹ 29,989",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "6190",
              "category_id": "56",
              "name": "top_7",
              "image": "localhost://example.com/mobile/images-m/aui87/walken-bed.jpg",
              "price": "₹ 79,999",
              "special": "₹ 42,799",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "16360",
              "category_id": "29",
              "name": "top_8",
              "image": "localhost://example.com/mobile/images-m/aui87/study-table-top.jpg?v=4",
              "price": "₹ 44,999",
              "special": "₹ 24,989",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "18377",
              "category_id": "22",
              "name": "top_9",
              "image": "localhost://example.com/mobile/images-m/aui87/bookshelves.jpg",
              "price": "₹ 33,699 ",
              "special": "₹ 18,499",
              "discount": "null",
              "fabricConcept": "0"
            },
            {
              "product_id": "1929",
              "category_id": "101",
              "name": "top_09",
              "image": "localhost://example.com/mobile/images-m/aui87/drawer.jpg",
              "price": "₹ 37,499",
              "special": "₹ 21,849",
              "discount": "null",
              "fabricConcept": "0"
            }
          ]
        },
        "shop_by": {
          "tag": "Shop By Room",
          "view_type": 1,
          "traget": 0,
          "data": [
            [
              {
                "product_id": "",
                "category_id": "628",
                "name": "room_1",
                "image": "localhost://example.com/images/aui87/shopby-1.jpg",
                "price": "",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              },
              {
                "product_id": "",
                "category_id": "3",
                "name": "- room_2",
                "image": "localhost://example.com/images/aui87/shopby-2.jpg",
                "price": "",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              },
              {
                "product_id": "",
                "category_id": "2",
                "name": "- room_3",
                "image": "localhost://example.com/images/aui87/shopby-3.jpg",
                "price": "",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              }
            ],
            [
              {
                "product_id": "",
                "category_id": "28",
                "name": "- room_4",
                "image": "localhost://example.com/images/aui87/shopby-4.jpg",
                "price": "",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              },
              {
                "product_id": "",
                "category_id": "155",
                "name": "- room_6",
                "image": "localhost://example.com/images/aui87/shopby-5.jpg",
                "price": "",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              },
              {
                "product_id": "",
                "category_id": "4",
                "name": "- room_5 ",
                "image": "localhost://example.com/images/aui87/shopby-6.jpg",
                "price": "",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              }
            ]
          ]
        }
      },
      {
        "banner": [
          {
            "tag": "category",
            "category_id": "36",
            "screen": 0,
            "category_name": "banner_1",
            "banner_image": "localhost://example.com/mobile/images-m/aui87/loungechair.png"
          },
          {
            "tag": "category",
            "category_id": "141",
            "screen": 0,
            "category_name": "banner_2",
            "banner_image": "localhost://example.com/mobile/images-m/aui87/diningset.jpg"
          },
          {
            "tag": "category",
            "category_id": "134",
            "screen": 0,
            "category_name": "banner_3",
            "banner_image": "localhost://example.com/mobile/images-m/aui87/coffeetable.jpg"
          },
          {
            "tag": "category",
            "category_id": "",
            "screen": 0,
            "category_name": "banner_4",
            "banner_image": "localhost://example.com/mobile/images-m/aui87/makeinindia.jpg"
          },
          {
            "tag": "category",
            "category_id": "29",
            "screen": 0,
            "category_name": "banner_5",
            "banner_image": "localhost://example.com/mobile/images-m/aui87/study.jpg"
          },
          {
            "tag": "category",
            "category_id": "7",
            "screen": 0,
            "category_name": "banner_6",
            "banner_image": "localhost://example.com/mobile/images-m/aui87/homedecor.png"
          }
        ],
        "top_selling": {
          "tag": "Designs For You",
          "view_type": 0,
          "traget": 1,
          "data": [
            {
              "product_id": "24748",
              "category_id": "29",
              "name": "selling_1",
              "image": "localhost://example.com/mobile/images-m/aui87/-table.jpg",
              "price": "₹ 25,899",
              "special": "₹ 15,999 ",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "24679",
              "category_id": "17",
              "name": "selling_2",
              "image": "localhost://example.com/mobile/images-m/aui87/hatv-unit.jpg",
              "price": "₹ 22,899",
              "special": "₹ 13,499",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "24747",
              "category_id": "19",
              "name": "selling_3",
              "image": "localhost://example.com/mobile/images-m/aui87/-rack.jpg",
              "price": "₹ 16,899",
              "special": "₹ 10,499 ",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "24733",
              "category_id": "25",
              "name": "selling_4",
              "image": "localhost://example.com/mobile/images-m/aui87/ee-table.jpg",
              "price": "₹ 19,899",
              "special": "₹ 11,999",
              "discount": "",
              "fabricConcept": "0"
            },
            {
              "product_id": "24736",
              "category_id": "91",
              "name": "selling_5",
              "image": "localhost://example.com/mobile/images-m/aui87/2-door-.jpg",
              "price": "₹ 33,899",
              "special": "₹ 16,499",
              "discount": "",
              "fabricConcept": "0"
            }
          ]
        },
        "shop_by": {
          "tag": "For Your Home ",
          "view_type": 0,
          "traget": 0,
          "data": [
            [
              {
                "product_id": "",
                "category_id": "151",
                "name": "shop_by_1",
                "image": "localhost://example.com/mobile/images-m/aui87/beds.jpg",
                "price": "From ₹ 24,899",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              },
              {
                "product_id": "",
                "category_id": "43",
                "name": "shop_by_2",
                "image": "localhost://example.com/mobile/images-m/aui87/stools.jpg",
                "price": "From ₹ 7,999 ",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              },
              {
                "product_id": "",
                "category_id": "548",
                "name": "shop_by_3",
                "image": "localhost://example.com/mobile/images-m/aui87/mattress.jpg",
                "price": "From ₹ 9,499 ",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              },
              {
                "product_id": "",
                "category_id": "91",
                "name": "shop_by_4",
                "image": "localhost://example.com/mobile/images-m/aui87/two.jpg",
                "price": "From ₹ 14,899 ",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              },
              {
                "product_id": "",
                "category_id": "12",
                "name": "shop_by_5",
                "image": "localhost://example.com/mobile/images-m/aui87/sofa.jpg",
                "price": "From ₹ 14,879 ",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              },
              {
                "product_id": "",
                "category_id": "53",
                "name": "shop_by_6",
                "image": "localhost://example.com/mobile/images-m/aui87/units.jpg?v=3",
                "price": "From ₹ 14,879 ",
                "special": "",
                "discount": "",
                "fabricConcept": "0"
              }
            ]
          ]
        }
      }
    ],
    "_img": "localhost://example.com/mobile/images-m/aui87/all.jpg?v=3"
  }

模型类数据：


// To parse this JSON data, do
//
//     final home = homeFromJson(jsonString);

import 'dart:convert';

Home homeFromJson(String str) => Home.fromJson(json.decode(str));

String homeToJson(Home data) => json.encode(data.toJson());

class Home {
    Home({
        this.advImg,
        this.infoText,
        this.shopCat,
        this.section,
        this.img,
    });

    List<AdvImg> advImg;
    List<InfoText> infoText;
    List<ShopCat> shopCat;
    List<Section> section;
    String img;

    factory Home.fromJson(Map<String, dynamic> json) => Home(
        advImg: List<AdvImg>.from(json["adv_img"].map((x) => AdvImg.fromJson(x))),
        infoText: List<InfoText>.from(json["info_text"].map((x) => InfoText.fromJson(x))),
        shopCat: List<ShopCat>.from(json["shop_cat"].map((x) => ShopCat.fromJson(x))),
        section: List<Section>.from(json["section"].map((x) => Section.fromJson(x))),
        img: json["_img"],
    );

    Map<String, dynamic> toJson() => {
        "adv_img": List<dynamic>.from(advImg.map((x) => x.toJson())),
        "info_text": List<dynamic>.from(infoText.map((x) => x.toJson())),
        "shop_cat": List<dynamic>.from(shopCat.map((x) => x.toJson())),
        "section": List<dynamic>.from(section.map((x) => x.toJson())),
        "_img": img,
    };
}

class AdvImg {
    AdvImg({
        this.categoryId,
        this.image,
        this.tag,
    });

    String categoryId;
    String image;
    String tag;

    factory AdvImg.fromJson(Map<String, dynamic> json) => AdvImg(
        categoryId: json["category_id"],
        image: json["image"],
        tag: json["tag"],
    );

    Map<String, dynamic> toJson() => {
        "category_id": categoryId,
        "image": image,
        "tag": tag,
    };
}

class InfoText {
    InfoText({
        this.textHead,
        this.textSub,
    });

    String textHead;
    String textSub;

    factory InfoText.fromJson(Map<String, dynamic> json) => InfoText(
        textHead: json["text_head"],
        textSub: json["text_sub"],
    );

    Map<String, dynamic> toJson() => {
        "text_head": textHead,
        "text_sub": textSub,
    };
}

class Section {
    Section({
        this.banner,
        this.topSelling,
        this.shopBy,
    });

    List<Banner> banner;
    TopSelling topSelling;
    ShopBy shopBy;

    factory Section.fromJson(Map<String, dynamic> json) => Section(
        banner: List<Banner>.from(json["banner"].map((x) => Banner.fromJson(x))),
        topSelling: TopSelling.fromJson(json["top_selling"]),
        shopBy: ShopBy.fromJson(json["shop_by"]),
    );

    Map<String, dynamic> toJson() => {
        "banner": List<dynamic>.from(banner.map((x) => x.toJson())),
        "top_selling": topSelling.toJson(),
        "shop_by": shopBy.toJson(),
    };
}

class Banner {
    Banner({
        this.tag,
        this.categoryId,
        this.categoryName,
        this.bannerImage,
        this.screen,
    });

    String tag;
    String categoryId;
    String categoryName;
    String bannerImage;
    int screen;

    factory Banner.fromJson(Map<String, dynamic> json) => Banner(
        tag: json["tag"],
        categoryId: json["category_id"],
        categoryName: json["category_name"],
        bannerImage: json["banner_image"],
        screen: json["screen"] == null ? null : json["screen"],
    );

    Map<String, dynamic> toJson() => {
        "tag": tag,
        "category_id": categoryId,
        "category_name": categoryName,
        "banner_image": bannerImage,
        "screen": screen == null ? null : screen,
    };
}

class ShopBy {
    ShopBy({
        this.tag,
        this.viewType,
        this.traget,
        this.data,
    });

    String tag;
    int viewType;
    int traget;
    List<List<Datum>> data;

    factory ShopBy.fromJson(Map<String, dynamic> json) => ShopBy(
        tag: json["tag"],
        viewType: json["view_type"],
        traget: json["traget"],
        data: List<List<Datum>>.from(json["data"].map((x) => List<Datum>.from(x.map((x) => Datum.fromJson(x))))),
    );

    Map<String, dynamic> toJson() => {
        "tag": tag,
        "view_type": viewType,
        "traget": traget,
        "data": List<dynamic>.from(data.map((x) => List<dynamic>.from(x.map((x) => x.toJson())))),
    };
}

class Datum {
    Datum({
        this.productId,
        this.categoryId,
        this.name,
        this.image,
        this.price,
        this.special,
        this.discount,
        this.fabricConcept,
    });

    String productId;
    String categoryId;
    String name;
    String image;
    String price;
    String special;
    Discount discount;
    String fabricConcept;

    factory Datum.fromJson(Map<String, dynamic> json) => Datum(
        productId: json["product_id"],
        categoryId: json["category_id"],
        name: json["name"],
        image: json["image"],
        price: json["price"],
        special: json["special"],
        discount: discountValues.map[json["discount"]],
        fabricConcept: json["fabricConcept"],
    );

    Map<String, dynamic> toJson() => {
        "product_id": productId,
        "category_id": categoryId,
        "name": name,
        "image": image,
        "price": price,
        "special": special,
        "discount": discountValues.reverse[discount],
        "fabricConcept": fabricConcept,
    };
}

enum Discount { EMPTY, NULL }

final discountValues = EnumValues({
    "": Discount.EMPTY,
    "null": Discount.NULL
});

class TopSelling {
    TopSelling({
        this.tag,
        this.viewType,
        this.traget,
        this.data,
    });

    String tag;
    int viewType;
    int traget;
    List<Datum> data;

    factory TopSelling.fromJson(Map<String, dynamic> json) => TopSelling(
        tag: json["tag"],
        viewType: json["view_type"],
        traget: json["traget"],
        data: List<Datum>.from(json["data"].map((x) => Datum.fromJson(x))),
    );

    Map<String, dynamic> toJson() => {
        "tag": tag,
        "view_type": viewType,
        "traget": traget,
        "data": List<dynamic>.from(data.map((x) => x.toJson())),
    };
}

class ShopCat {
    ShopCat({
        this.categoryId,
        this.iconImage,
        this.categoryName,
    });

    String categoryId;
    String iconImage;
    String categoryName;

    factory ShopCat.fromJson(Map<String, dynamic> json) => ShopCat(
        categoryId: json["category_id"],
        iconImage: json["icon_image"],
        categoryName: json["category_name"],
    );

    Map<String, dynamic> toJson() => {
        "category_id": categoryId,
        "icon_image": iconImage,
        "category_name": categoryName,
    };
}

class EnumValues<T> {
    Map<String, T> map;
    Map<T, String> reverseMap;

    EnumValues(this.map);

    Map<T, String> get reverse {
        if (reverseMap == null) {
            reverseMap = map.map((k, v) => new MapEntry(v, k));
        }
        return reverseMap;
    }
}

主ui文件：

import 'package:flutter/material.dart';
import 'package:json_parsing_example/model2.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SampleApp(),
      debugShowCheckedModeBanner: false,
    );
  }
}

class SampleApp extends StatefulWidget {
  @override
  _SampleAppState createState() => _SampleAppState();
}

class _SampleAppState extends State<SampleApp> {
  List<AdvImg> advImgList = List();
  List<InfoText> infoTextList = List();
  List<ShopCat> shopCatList = List();
  List<Section> sectionList = List();

  bool _isLoading = false;

  fetchData() async {
    setState(() {
      _isLoading = true;
    });

    String data =
        await DefaultAssetBundle.of(context).loadString("json/parse.json");

    // This is the above where you get the remote data
    // Like var response = await http.get('your url');
    // final home = homeFromJson(response.body);

    final home = homeFromJson(data);

    advImgList = home.advImg;
    infoTextList = home.infoText;
    shopCatList = home.shopCat;
    sectionList = home.section;

    setState(() {
      _isLoading = false;
    });
  }

  @override
  void initState() {
    super.initState();
    fetchData();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Your heading'),
      ),
      body: Container(
        child: _isLoading
            ? Center(child: CircularProgressIndicator())
            : Column(
                children: <Widget>[
                  ListView.builder(
                      shrinkWrap: true,
                      itemCount: advImgList.length,
                      itemBuilder: (context, index) {
                        return Card(
                          child: Text(
                              ' Adv Image List Category Id : ${advImgList[index].categoryId}'),
                        );
                      }),
                  ListView.builder(
                      shrinkWrap: true,
                      itemCount: infoTextList.length,
                      itemBuilder: (context, index) {
                        return Card(
                          child: Text(
                              ' Text List : ${infoTextList[index].textSub}'),
                        );
                      }),
                ],
              ),
      ),
    );
  }
}

退房，让我知道它是否有效。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Flutter/Dart - 将 JSON 解析为模型

Flutter将json数据过滤为唯一数据

Flutter TreeView Json数据解析

将 JSON 数据解析为列表 (Dart)

如何将json数据关联到flutter列表？

如何在Flutter中将json与大写之间的json数据解析为类

Flutter-如何解析JSON数据？

Flutter 如何解析 JSON 数据

Flutter-如何将网站中的数据解析到列表视图

Flutter：如何显示包含对象列表的已解析json对象中的数据

Flutter 使用声音空安全将多级 JSON 解析为类

Flutter：从json列表中获取数据

Flutter/Dart：JSON 解析

Flutter/Dart Json 解析

Flutter 解析的复杂 Json

Flutter：解析 JSON 数组

Haskell：将JSON数据解析为Map或元组列表？

Flutter Json编码列表

将 JSON 数据放入 Flutter 堆积图中

Flutter 如何将 SQFL 数据库的编码为字符串的列表简洁地转换回列表？

将数据解析为列表列表

在Flutter / Dart中解析列表

Flutter：将字符串解析为 TextField/TextFormField

将字符串解析为Flutter中的小部件

将 JSON 数据添加到 flutter 中的列表时出错

在flutter中解析嵌套的JSON列表时出错

如何在Flutter中解析JSON中的列表

迷失在翻译中：在Flutter中将JSON解析为对象

如何在Flutter中解析长度为1的JSON数组？

TOP 榜单

  1. 1

    Linux的官方Adobe Flash存储库是否已过时？

  2. 2

    如何使用HttpClient的在使用SSL证书，无论多么“糟糕”是

  3. 3

    错误：“ javac”未被识别为内部或外部命令，

  4. 4

    在 Python 2.7 中。如何从文件中读取特定文本并分配给变量

  5. 5

    Modbus Python施耐德PM5300

  6. 6

    为什么Object.hashCode（）不遵循Java代码约定

  7. 7

    如何检查字符串输入的格式

  8. 8

    检查嵌套列表中的长度是否相同

  9. 9

    错误TS2365：运算符'！=='无法应用于类型'“（”'和'“）”'

  10. 10

    如何自动选择正确的键盘布局？-仅具有一个键盘布局

  11. 11

    如何正确比较 scala.xml 节点？

  12. 12

    在令牌内联程序集错误之前预期为 ')'

  13. 13

    如何在JavaScript中获取数组的第n个元素？

  14. 14

    如何将sklearn.naive_bayes与（多个）分类功能一起使用？

  15. 15

    ValueError：尝试同时迭代两个列表时，解包的值太多（预期为 2）

  16. 16

    如何监视应用程序而不是单个进程的CPU使用率？

  17. 17

    解决类Koin的实例时出错

  18. 18

    ES5的代理替代

  19. 19

    有什么解决方案可以将android设备用作Cast Receiver？

  20. 20

    VBA 自动化错误：-2147221080 (800401a8)

  21. 21

    套接字无法检测到断开连接

热门标签

归档