shinonome-inc / qiita_client_yo

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

【Flutter最終課題】MyPage・ページネーション実装(UserPage・ページネーション実装) #30

Closed KobayashiYoh closed 2 years ago

KobayashiYoh commented 2 years ago

概要

お世話になっております。 user_page.dartでMyPage兼UserPageのページネーション実装をしました。

差分が多くなっておりますが、主な新しい実装は 224b2f4 のみです。 また、 b7a8b07 と b9fb373 は数行ほどの細かい修正です。 それ以外のコミットは、コンポーネントをメソッドからクラスに移行しているだけなので、中身はあまり変わっていません。 そのため、差分が多い割に変更点は少なくなっています。

お忙しいところ恐れ入りますが、レビューよろしくお願いします。


Client IDとClient Secret

Client IDとClient Secretが書かれているファイル(qiita_auth_key.dart)は こちらからダウンロードしてください。 ダウンロードしたファイルはmobile_qiita_app/lib/に格納してください。 よろしくお願いします。


新しく実装した内容

1. MyPageのページネーション実装(UserPage・ページネーション実装)

MyPageとUserPageのページネーション実装をしました。 MyPageもUserPageもuser_page.dartを使用しているため、一度に両方のページネーションを実装しました。 224b2f4 該当ファイル : mobile_qiita_app/lib/pages/user_page.dart


主な変更内容

1. コンポーネントをメソッドからクラスに変更

各コンポーネントをメソッドからクラスに変更しました。メソッドからクラスに移行しただけなので、中身はほぼそのままです。 21572e6b7f2b355406ee80c1f3c89c0c8a0f85a5 3ac917be71b07fe4d64319d66b4ef94f2cd475a2 f07c16357c42adc2bb626c2bb4364bcda6b2beda a74af7b097d41ccd23c98e9547db9fec72baad58 fbf717e1fc9dc6bd22a3ef57a76c6ad817f5cfd3 cc4d661b1578f81310d2278ebb014b4b2a6dd242 変更理由 : パフォーマンス向上など(詳細:#28) 該当ファイル : mobile_qiita_app/lib/components/article_component.dart mobile_qiita_app/lib/components/list_components/article_list_view.dart mobile_qiita_app/lib/components/list_components/posted_article_list_view.dart mobile_qiita_app/lib/components/list_components/tag_grid_view.dart mobile_qiita_app/lib/components/list_components/user_list.dart mobile_qiita_app/lib/components/tag_component.dart mobile_qiita_app/lib/components/user_component_of_user_page.dart mobile_qiita_app/lib/views/user_page_view.dart

2. RefreshIndicatorを削除

b7a8b075ec4a0c2fcea0d3100a29b187d06e2b68 変更理由 : UserPageで読み込み中のぐるぐるが二重に表示されるため。 該当ファイル : mobile_qiita_app/lib/components/list_components/posted_article_list_view.dart:


次の実装予定


実装後のUI(記事はFeedPageと同じ記事を使用)

https://user-images.githubusercontent.com/82624334/154664634-d6265640-61e7-40d5-a131-a48f4c13d75d.mp4


KobayashiYoh commented 2 years ago

補足

実装後のUIについて補足です。 自分の投稿記事は1件しかないため、FeedPageと同じ記事を表示してから画面を録画しました。

KobayashiYoh commented 2 years ago

レビューありがとうございました