iT邦幫忙

flutter相關文章
共有 108 則文章
鐵人賽 Mobile Development DAY 30

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

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

鐵人賽 Mobile Development DAY 29

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

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

鐵人賽 Mobile Development DAY 28

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

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

鐵人賽 Mobile Development DAY 27

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

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

技術 用 Flutter 開發一個 Android App 吧 - Day 29. 多語言切換

在多語言方面,可以用原生的 Dart intl 以及 Flutter 內建提供的 flutter_localizations 作支持。 不過我個人比較懶,所以直...

鐵人賽 Mobile Development DAY 26

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

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

鐵人賽 Mobile Development DAY 25

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

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

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 28. 主題切換

30 天的最後一個部份就是要用狀態管理來實現 App 設定頁面功能。 今天要先來面對的是主題切換。 主題常數 前面二十幾天,都在作其他頁面的功能,其實 Flut...

鐵人賽 Mobile Development DAY 24

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

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

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 27. ProfilePage & BadgeTab

接下來將個人頁面的部份以昨天的步驟如法炮製的作修改吧 ProfileInfo、Stars、Followers、Followings 這些 Widget 其實不難...

鐵人賽 Mobile Development DAY 30

技術 30天Flutter手滑系列 - 最後一天的廢文

心得 最後一天來寫真正廢文。 首先,真正佩服其他完賽的鐵人,你們傳承知識跟組織文章的能力是我望塵莫及的。我發現要把一件事解釋的很白話要讓其他人懂,或者是說自己事...

鐵人賽 Mobile Development DAY 23

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

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

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 26. Provder 使用初體驗

本系列同步發表在 個人部落格,歡迎大家關注~ 今天就開始來使用 Provider 來改動一下頁面囉~ 首先要被我拿來實驗的頁面(們),就是登入/首頁的部份。...

鐵人賽 Mobile Development DAY 29

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(9)

昨天的文章30天Flutter手滑系列 - 聊天室開發(Chat Room)(8),我們建好了基本的聊天室介面,今天要來重新把Firebase和APP起來。 災...

鐵人賽 Mobile Development DAY 22

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

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

鐵人賽 Mobile Development DAY 28

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(8)

前一天的文章30天Flutter手滑系列 - 聊天室開發(Chat Room)(7),完成了TextField和IconButton的連動,今天來設計如何把訊息...

鐵人賽 Mobile Development DAY 21

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

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

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 25. Flutter 中的狀態管理

本系列同步發表在 個人部落格,歡迎大家關注~ Flutter 中的狀態管理 目前本人根據讀到的文件理解,我個人是分成兩大類: 短時(Ephemeral)...

鐵人賽 Mobile Development DAY 27

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(7)

人要持續往前走,先放下前一篇30天Flutter手滑系列 - 聊天室開發(Chat Room)(6),今天先來把主要的聊天頁完成,不然估計又得花上無法預期的時間...

鐵人賽 Mobile Development DAY 20

技術 【Flutter基礎概念與實作】 Day20–測試Movie API和Movie BLoC

今天是testing的最後一天,把剩下的Movie Bloc和Movie Api的測試寫完吧。 Movie Bloc Test 在test/bloc資料夾下新增...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 24. 登入表單(GithubLoginForm)、Toast 訊息

本系列同步發表在 個人部落格,歡迎大家關注~ -- 第二階段最後一天了,來作一些小修改吧~ 登入表單 繼昨天的增加了登入驗證後,我發現登入頁面(LoginP...

鐵人賽 Mobile Development DAY 26

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(6)

在前一篇30天Flutter手滑系列 - 聊天室開發(Chat Room)(5),花了大量時間在對開發環境除錯,接下來可以繼續開發了。 新增登出功能 但是不知道...

鐵人賽 Mobile Development DAY 19

技術 【Flutter基礎概念與實作】 Day19–如何用Mockito測試BloC

今天就來為FlutTube專案內的Bloc(Authentication Bloc、Login Bloc、Register Bloc)寫測試吧。 Mockito...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 23. GitHub 身份驗證、登入(改)

本系列同步發表在 個人部落格,歡迎大家關注~ GitHub 身份驗證 GitHub 提供的身份驗證方式有兩種: 基礎認證(Basic Authentic...

鐵人賽 Mobile Development DAY 25

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(5)

接續前文30天Flutter手滑系列 - 聊天室開發(Chat Room)(4),在這篇我們已經能存取到登入Google後的資料,今天就來驗證別人是否能共同看到...

鐵人賽 Mobile Development DAY 18

技術 【Flutter基礎概念與實作】 Day18–Flutter測試框架以及Mockito Package使用範例介紹

寫測試在開發軟體是很重要的一部分,測試寫得好之後才能安心地繼續開發新功能以及進行維護,不然軟體架構越來越龐大後發現前面的功能有Bug就難處理了。 根據Flutt...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 22. 首頁的 GitHub Trending

本系列同步發表在 個人部落格,歡迎大家關注~ 首頁 - GitHub Trending 在首頁的部份除了 Day 14 看到的 Hacker News 之外...

鐵人賽 Mobile Development DAY 24

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(4)

前一章節30天Flutter手滑系列 - 聊天室開發(Chat Room)(3),已經可以成功登入Google帳號,並且取得帳號資訊,接下來用這些資料更新一下原...

鐵人賽 Mobile Development DAY 17

技術 【Flutter基礎概念與實作】 Day17–實作Movie Bloc

今天又要來實作Bloc啦,基本概念都和前面相同,就速速帶過吧。 MovieBloc 在movie資料夾下新增「bloc」資料夾並用bloc generator產...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 21. 趨勢頁面(改)、切換趨勢區間

本系列同步發表在 個人部落格,歡迎大家關注~ 經過兩天的努力,終於能來修改頁面拉~ 趨勢頁面 - 改 第二部份的更改頁面我想大家應該可以猜得到,一樣用 Fu...