【flutter】apiで取得した値を出したい

Question

こちらのコード

class Album {
  // final int userId;
  final int id;
  final String title;

  Album({
    // required this.userId,
    required this.id,
    required this.title,
  });

  factory Album.fromJson(Map<String, dynamic> json) {
    return Album(
      // userId: json['userId'],
      id: json['id'],
      title: json['title'],
    );
  }
}

Future<Album> fetchAlbum() async {
  final response = await http
      .get(Uri.parse('https://jsonplaceholder.typicode.com/albums/1'));

  if (response.statusCode == 200) {
    Map<String, dynamic> decodeddecodedJson = json.decode(response.body);
    Album.fromJson(decodeddecodedJson).title;
    return Album.fromJson(decodeddecodedJson);
  } else {
    throw Exception('Failed to load album');
  }
}

をprint表示させると

print(fetchAlbum())
//flutter: Instance of 'Future<Album>'

と表示されます

このInstance of 'Future<Album>'とは何なのでしょうか？取得した値を表示するにはどうしたら良いのでしょうか？

apiをたたくと

{
  "userId": 1,
  "id": 1,
  "title": "quidem molestiae enim"
}

と返ってきます

試したこと

色々調べてみたのですがわかりませんでした

Answer 1

Album.fromJson()の戻り値はAlbumです。（Albumのインスタンス）
そして、fetchAlbum()の戻り値はFuture<Album>です。（Futureは非同期処理のためのクラス）

結果を受け取る側としては、
Futureなのでawaitをつけ、Albumのインスタンスに格納して、プロパティを呼び出す
という手順をとります。

void printAlbum() async {
  Album album = await fetchAlbum();
  print(album.title); // quidem molestiae enim
}

このあたり、Dartを利用する上での基本ですので、
もう少し基礎的な部分を学習した方がいいかも知れません。