第十一屆 佳作

mobile-dev
Flutter---Google推出的跨平台框架,Android、iOS一起搞定
bju0ulhi0511

系列文章

DAY 21

【Flutter基礎概念與實作】 Day21–美化首頁(1) 滑動吧!電影卡片

結束三天的Flutter測試框架介紹,回到專案本身的開發,接著來美化首頁吧。 先看今天的成品會長什麼樣子:(gif經過壓縮後畫質會降低會有卡卡的感覺,但實際上滑...

DAY 22

【Flutter基礎概念與實作】 Day22–美化首頁(2) 增加Drawer和標題文字動畫

今天繼續來幫首頁增加一些小功能,不會像昨天程式碼那麼多了XD。 Drawer Drawer widget在Day7有介紹到如何使用,今天就來幫HomePage加...

DAY 23

【Flutter基礎概念與實作】 Day23–實作Youtube Bloc、Youtube API

在開始今天非常簡單的YoutubeBloc實作前,我們要先和Google申請Youtube Data Api,待會才可以用Youtube Api查詢電影預告片。...

DAY 24

【Flutter基礎概念與實作】 Day24–設計電影細節頁面、播放Youtube影片

今天的目標很簡單,就是把顯示電影細節的頁面完成。 Movie Detail Page 在home資料夾下新增「movie_detail_page.dart」首先...

DAY 25

【Flutter基礎概念與實作】 Day25–使用Firestore快速建造簡易留言區

今天來增加討論電影的留言版功能,結合Firebase的Firestore除了能大幅減少建置資料庫的時間外,只要Database有新的資料所有使用者的頁面也會被自...

DAY 26

【Flutter基礎概念與實作】 Day26–上傳圖片到Firebase Storage

今天的目標是把Firebase Storage設定好以及實作上傳大頭貼的功能。 Firebase Storage Firebase Storage的功能和Goo...

DAY 27

【Flutter基礎概念與實作】 Day27–在留言取得並顯示使用者的照片

今天就把上傳大頭貼到Firebase Storage和在留言顯示使用者照片的功能完成吧。 Home Page 開啟home_page.dart,把上傳照片的功能...

DAY 28

【Flutter基礎概念與實作】 Day28–使用FCM發送通知給使用者

今天是實作FlutTube的最後一天,程式碼也很少,大概30行左右,但這功能我覺得很酷,那就是Cloud Messaging,實作後你可以傳訊息到任何一台裝有F...

DAY 29

【Flutter基礎概念與實作】 Day29–Profile Mode檢測App效能

今天要介紹的是Flutter的Profile Mode,在Profile Mode可以看到即時的CPU和GPU的效能狀況,有助於開發人員優化App。 Flutt...

DAY 30

【Flutter基礎概念與實作】 Day30–完賽啦~ 輸出Release APK吧

Finally!!! 來到了鐵人賽的最後一天,今天要介紹的是寫App最後也是最重要的一個步驟---輸出Release APK。 添加App Icon 雖然Flu...