shinonome-inc / qiita_client_yo

【模擬開発案件】Qiitaクライアントアプリ(PlayGroundモバイルコース最終課題)
3 stars 0 forks source link

【Flutter最終課題】TagPage・タグ一覧を取得してデータ表示 #14

Closed KobayashiYoh closed 2 years ago

KobayashiYoh commented 2 years ago

概要

お世話になっております。 TagPageでタグ一覧を取得してデータを表示する実装をしました。 レビューよろしくお願いします。

新しく実装した内容

1. タグ一覧を取得

QiitaAPIを利用してQiitaのタグを取得する関数fetchTagを作成しました。 該当ファイル : lib/models/tag.dart, lib/services/client.dart

2. 取得したタグ一覧を表示

fetchTagで取得したタグ一覧をFutureBuilderとGridViewを用いて表示する実装をしました。 端末の横幅に応じてレスポンシブに表示されるように実装しました。 該当ファイル : lib/pages/tag_page.dart 参考: https://flutter.ctrnost.com/basic/layout/gridview/ https://www.youtube.com/watch?v=bLOtZDTm4H8


主な変更内容

1. modelsディレクトリへ移行

lib/servicesディレクトリ内にあった3つのdartファイルarticle.dart, tag.dart, user.dartをlib/modelsディレクトリへ移動しました。 811615f


今後の実装予定


実装後のUI

Screenshot_1642140463 Screenshot_1642140238


KobayashiYoh commented 2 years ago

@mcz9mm コメントしていただきありがとうございます。 各コメントについて返信しました。 教えていただいた点を踏まえて修正してみます。

KobayashiYoh commented 2 years ago

修正しました。 ご確認よろしくお願いします。

mcz9mm commented 2 years ago

LGTMです