Parse Nested JSON Array and put it in a Model class using Dart Language

Question

In relation to my question here

I want to parse a JSON array without a key within JSON array and put it in a Model class.

here is a JSON Array that I want to parse.

[
    {
        "pk": 100,
        "user": 5,
        "name": "Flutter",
        "details": "Fluttery",
        "images": [
            89,
            88,
            87,
            86
        ],
        "priority": 5
    },
    {
        "pk": 99,
        "user": 5,
        "name": "",
        "details": "h",
        "images": [],
        "priority": 5
    },
    {
        "pk": 98,
        "user": 5,
        "name": "Flutter",
        "details": "Fluttery",
        "images": [
            85
        ],
        "priority": 5
    },
]

I have successfully parse the main Array but I cannot parse the images key that contains an array of integers. I want to put it into Model class. please help.

Thank you!

diegoveloper · Accepted Answer · 2018-08-23 06:09:11Z

4

You can do it like this way:

    final jsonList = json.decode(response.body) as List;
    final userList = jsonList.map((map) => User.fromJson(map)).toList();

User class

        class User {
          final int pk;
          final String name;
          final List<int> images;

          User._({this.pk, this.name, this.images});

          factory User.fromJson(Map<String, dynamic> json) {
            return new User._(
                pk: json['pk'],
                name: json['name'],
                images:  (json['images'] as List).map((map) => int.parse("$map")).toList());
          }
        }

Print your data

    for (var i = 0; i < userList.length; i++) { 
       print(userList[i].name);
       final imageList = userList[i].images;
       for (var j = 0 ; j < imageList.length; j++){
          print("image: ${imageList[j]}");
       }

    }

edited Aug 23, 2018 at 6:09

answered Aug 23, 2018 at 5:31

diegoveloper

104k25 gold badges253 silver badges201 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Martin Rupert Bulquerin Over a year ago

Thanks you! i will try this solution and will get back here asap. :)

Martin Rupert Bulquerin Over a year ago

It works! but how to I call the images using nested for loop? I used this to call the name. for (var i = 0; i < userList.length; i++) { print(userList[i].name);}

Dinesh Balasubramanian · Accepted Answer · 2018-08-23 05:14:41Z

0

Can you please refer Serializing JSON manually using dart:convert section here. If you stilling face issues, please post the error/difficulties.

answered Aug 23, 2018 at 5:14

Dinesh Balasubramanian

21.8k9 gold badges69 silver badges61 bronze badges

1 Comment

Martin Rupert Bulquerin Over a year ago

cannot pass the decoded json in Map because the result using json.decode(result) is an Arrray.

Collectives™ on Stack Overflow

Parse Nested JSON Array and put it in a Model class using Dart Language

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related