How do I read nested JSON in flutter?

Parse JSON string in flutter


  • September 5, 2021

    Parsing JSON is a common functionality in every mobile application

    Write all keys for json to parse by

    • encoding and decoding JSON
    • defining type-safe model classes
    • parsing JSON to Dart code using a factory constructor
    • dealing with nullable/optional values
    • data validation
    • serializing back to JSON
    • parsing complex/nested JSON data


    Convert JSON Pojo classes

    import 'dart:convert';
    List<Albums> albumsFromJson(String str) => List<Albums>.from(json.decode(str).map((x) => Albums.fromJson(x)));
    String albumsToJson(List<Albums> data) => json.encode(List<dynamic>.from( => x.toJson())));
    class Albums {
        required this.userId,
        required this.title,
      late int userId;
      late int id;
      late  String title;
      factory Albums.fromJson(Map<String, dynamic> json) => Albums(
        userId: json["userId"],
        id: json["id"],
        title: json["title"],
      Map<String, dynamic> toJson() => {
        "userId": userId,
        "id": id,
        "title": title,


    Here is the example to Fetch data from network and parse JSON data



Have More Question?

Subscribe For Daily Updates

Flutter Questions
Android Questions