Flutter how to get the data of a json

Question

Good I have the following problem I have a json the following http:// and I have the class to get the data for which use https://app.quicktype.io/ and the code is as follows

// To parse this JSON data, do
//
//     final moviesFirstLoad = moviesFirstLoadFromJson(jsonString);

import 'dart:convert';

MoviesFirstLoad moviesFirstLoadFromJson(String str) {
  final jsonData = json.decode(str);
  return MoviesFirstLoad.fromJson(jsonData);
}

String moviesFirstLoadToJson(MoviesFirstLoad data) {
  final dyn = data.toJson();
  return json.encode(dyn);
}

class MoviesFirstLoad {
  List<Movierecent> movierecent;

  MoviesFirstLoad({
    this.movierecent,
  });

  factory MoviesFirstLoad.fromJson(Map<String, dynamic> json) => new MoviesFirstLoad(
    movierecent: new List<Movierecent>.from(json["movierecent"].map((x) => Movierecent.fromJson(x))),
  );

  Map<String, dynamic> toJson() => {
    "movierecent": new List<dynamic>.from(movierecent.map((x) => x.toJson())),
  };
}

class Movierecent {
  int id;
  String movieId;
  String title;
  String genre;
  String myear;
  String released;
  String runtime;
  String rated;
  String director;
  String actors;
  String plot;
  String imdbrating;
  String type;
  String production;
  int internalid;
  String poster;

  Movierecent({
    this.id,
    this.movieId,
    this.title,
    this.genre,
    this.myear,
    this.released,
    this.runtime,
    this.rated,
    this.director,
    this.actors,
    this.plot,
    this.imdbrating,
    this.type,
    this.production,
    this.internalid,
    this.poster,
  });

  factory Movierecent.fromJson(Map<String, dynamic> json) => new Movierecent(
    id: json["id"],
    movieId: json["movieID"],
    title: json["title"],
    genre: json["genre"],
    myear: json["myear"],
    released: json["released"],
    runtime: json["runtime"],
    rated: json["rated"],
    director: json["director"],
    actors: json["actors"],
    plot: json["plot"],
    imdbrating: json["imdbrating"],
    type: json["type"],
    production: json["production"],
    internalid: json["internalid"],
    poster: json["poster"],
  );

  Map<String, dynamic> toJson() => {
    "id": id,
    "movieID": movieId,
    "title": title,
    "genre": genre,
    "myear": myear,
    "released": released,
    "runtime": runtime,
    "rated": rated,
    "director": director,
    "actors": actors,
    "plot": plot,
    "imdbrating": imdbrating,
    "type": type,
    "production": production,
    "internalid": internalid,
    "poster": poster,
  };
}

Now the first label shows me that I should use

final moviesFirstLoad = moviesFirstLoadFromJson(jsonString);

therefore I have the following and here I do not know what to do as accessing the data to place them in a list would be something like

Future<List<Movierecent>> loadMovies() async {

final response = await http.get("http://emovies.evolucionone.com/");
 if (response.statusCode == 200){
  final moviesFirstLoad = moviesFirstLoadFromJson(response.body);
  return moviesFirstLoad.movierecent;
 }else{
  throw Exception ('Failed to load Data');
 }
}

I need help to get the data of the json if someone helps me I have already read several topics but none of them works for me ...

Answer 1

Well I answer my questions myself

This to get the data from json

Future<MoviesFirstLoad> loadMovies() async {
  final Response response = await http.get(dogApiUrl);
  //final List<Movierecent> posterimage = List<Movierecent>();
  if (response.statusCode == 200){
    //final responsejson = json.decode(response.body);
    final moviesFirstLoad = moviesFirstLoadFromJson(response.body);
    // moviesFirstLoad.movierecent.forEach((poster) => posterimage.add(poster));
    print(moviesFirstLoad);
    return moviesFirstLoad;
  }else{
    throw Exception ('Failed to load Data');
  }
}

to show the data in a list

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Movies')),
      body: FutureBuilder(
        future: loadMovies(),
        builder: (BuildContext context, AsyncSnapshot<AppData> snapshot) {
          if (!snapshot.hasData) {
            return Center(
              child: CircularProgressIndicator(),
            );
          }
          return ListView.builder(
            itemCount: snapshot.data.movierecent.length,
            itemBuilder: (BuildContext context, int index) {
              final Movierecent movie = snapshot.data.movierecent[index];
              return ListTile(
                title: Text(movie.title),
                subtitle: Text(movie.genre),
              );
            },
          );
        },
      ),
    );
  }
}

Answer 2

loadMovies() returns Future<List<Movierecent>> which is a future. If you want underlying list of movies, you could do someting like

loadMovies().then((List<Movierecent> movieList) {
 /* do what you want to do here like invoking setState()....*/
}.catchError((e) {
/* Handle Error scenario here */
};

You might want to refer Dart documentation of Futures