#222 大學的 Flutter App 入門課程期末專題

以 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 顯示登入失敗。
  • 使用到至少一個沒教過的功能技術,使用愈多分數愈高。可在文章裡特別說明使用哪些沒教的技術。

加分功能

  • 包含其它欄位的註冊畫面,比方性別,國家。
  • 動畫。
  • 資料儲存。
  • 自動登入。

--

--

彼得潘的 iOS App Neverland
彼得潘的 100 道 Swift iOS App 謎題

彼得潘的iOS App程式設計入門,文組生的iOS App程式設計入門講師,彼得潘的 Swift 程式設計入門,App程式設計入門作者,http://apppeterpan.strikingly.com