Flutter Json Encode List

Question

How to encode list to json?

This is my class for Json.

class Players{
  List<Player> players;

  Players({this.players});

  factory Players.fromJson(List<dynamic> parsedJson){

    List<Player> players = List<Player>();
    players = parsedJson.map((i)=>Player.fromJson(i)).toList();

    return Players(
      players: players,
    );
  }
}

class Player{
  final String name;
  final String imagePath;
  final int totalGames;
  final int points;

  Player({this.name,this.imagePath, this.totalGames, this.points});

  factory Player.fromJson(Map<String, dynamic> json){

    return Player(
      name: json['name'],
      imagePath: json['imagePath'],
      totalGames: json['totalGames'],
      points: json['points'],
    );
  }
}

I managed to decode with fromJson, the result is in List. Now that I have another player to add in json and want to encode the list to json, have no idea to do it. It result always failed.

var json = jsonDecode(data);
List<Player> players = Players.fromJson(json).players;
Player newPlayer = Player(name: _textEditing.text,imagePath: _imagePath,totalGames: 0,points: 0);
players.add(newPlayer);
String encode = jsonEncode(players.players);

What do I need to add on Players or Player?

Your code is incorrect. The players variable is of type List. Accordingly, this code players.players will not work, because List does not have a players field. — mezoni
– mezoni, Commented Jun 5, 2019 at 8:46

Sami Haddad · Accepted Answer · 2020-06-10 19:08:10Z

41

Add toJson method to your Player class:

Map<String, dynamic> toJson(){
  return {
    "name": this.name,
    "imagePath": this.imagePath,
    "totalGames": this.totalGames,
    "points": this.points
  };
}

Then you can call jsonEncode on the list of players:

String encoded = jsonEncode(players) // this will automatically call toJson on each player

edited Jun 10, 2020 at 19:08

Sami Haddad

1,44611 silver badges15 bronze badges

answered Mar 6, 2019 at 14:08

Sami Kanafani

15.9k6 gold badges52 silver badges43 bronze badges

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

2 Comments

Lucas Over a year ago

You don't need the static function. jsonEncode will work with a List<Player> if the class has toJson implemented.

willy wijaya Over a year ago

@Lucas You are right! No need for static function. Thank you!

Lucio Pelinson · Accepted Answer · 2020-02-05 18:34:27Z

17

Add on class:

Map<String,dynamic> toJson(){
    return {
        "name": this.name,
        "imagePath": this.imagePath,
        "totalGames": this.totalGames,
        "points": this.points
    };
  }

and call

String json = jsonEncode(players.map((i) => i.toJson()).toList()).toString();

edited Feb 5, 2020 at 18:34

answered Feb 5, 2020 at 16:15

Lucio Pelinson

1015 silver badges8 bronze badges

2 Comments

Steven Over a year ago

Can you explain why is variable json declared as String? I'm quite confused

Lucio Pelinson Over a year ago

Hi Steven, sometimes we need to work with json as plain/text, but it's just an example.

FreddCha · Accepted Answer · 2019-10-01 15:37:51Z

7

List jsonList = players.map((player) => player.toJson()).toList();
print("jsonList: ${jsonList}");

answered Oct 1, 2019 at 15:37

FreddCha

6153 gold badges9 silver badges17 bronze badges

1 Comment

Manoj Choudhari Over a year ago

Can you please add description on why this solves the issue mentioned in the question ?

Collectives™ on Stack Overflow

Flutter Json Encode List

3 Answers 3

2 Comments

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related