iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Mobile Development

Flutter---Google推出的跨平台框架,Android、iOS一起搞定 系列

想寫App但不知道該加入Android陣營學Java/Kotlin抑或是iOS陣營學Swift/Objective-C嗎?
一起來學2017年Google才新推出的「Flutter」,Flutter內建許多強大實用的UI元件,上手簡單迅速就能建立出美觀的App介面,而且效能超棒!!!

在這30天我會先介紹Flutter所使用的語言(dart)、基本觀念,接著利用實作專案讓大家熟悉認識Flutter的好~
一起來寫屬於自己的App吧>_<

鐵人鍊成 | 共 30 篇文章 | 240 人訂閱 訂閱系列文 RSS系列文
DAY 21

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

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

2019-10-05 ‧ 由 bju0ulhi0511 分享
DAY 22

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

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

2019-10-06 ‧ 由 bju0ulhi0511 分享
DAY 23

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

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

2019-10-07 ‧ 由 bju0ulhi0511 分享
DAY 24

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

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

2019-10-08 ‧ 由 bju0ulhi0511 分享
DAY 25

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

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

2019-10-09 ‧ 由 bju0ulhi0511 分享
DAY 26

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

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

2019-10-10 ‧ 由 bju0ulhi0511 分享
DAY 27

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

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

2019-10-11 ‧ 由 bju0ulhi0511 分享
DAY 28

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

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

2019-10-12 ‧ 由 bju0ulhi0511 分享
DAY 29

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

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

2019-10-13 ‧ 由 bju0ulhi0511 分享
DAY 30

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

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

2019-10-14 ‧ 由 bju0ulhi0511 分享