#222 大學的 Flutter App 入門課程期末專題
Published in
3 min readApr 21, 2024
以 Flutter 實作一個 App,自訂主題,發表在 Medium,包含以下內容:
- gif
- GitHub
- 特製的 App 畫面截圖三張
- 文字說明
加分功能。
用 appscreens 製作 App 上架的 screenshot。
期末專題主題不限,但須包含以下必備功能 。若有特別的 App idea,無法在 App 裡包含這些功能,可另外提出跟彼得潘討論。
功能需求
- 串接網路上的 API 抓取 JSON 資料後以 ListView 或 GridView 顯示,點選項目可到下一頁顯示 detail,至少使用到兩個 API。
串接愈多 API 分數愈高(上課範例以外的 API)。比方串接電影 API、YouTube API。以下電影 TMDB API 的 Get Popular & Get Top Rated 代表 2 個 API。
- 將 JSON 轉換成自訂型別。
- 畫面正在抓資料時顯示資料下載中,比方使用 LinearProgressIndicator。
- 抓不到資料,比方網路有問題時,畫面上顯示錯誤資訊。
- 下拉更新功能,比方使用 RefreshIndicator。
- 使用 SearchBar 實現 search 功能。
- 使用 FavQs API 開發註冊登入功能。
ps: 也可以做其它登入,比方 Google & FB 登入。
- 使用 showDialog 或 showSnackBar 顯示登入失敗。
- 使用到至少一個沒教過的功能技術,使用愈多分數愈高。可在文章裡特別說明使用哪些沒教的技術。
加分功能
- 包含其它欄位的註冊畫面,比方性別,國家。
- 動畫。
- 資料儲存。
- 自動登入。