iT邦幫忙

flutter相關文章
共有 584 則文章
鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 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 26

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

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

鐵人賽 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,把上傳照片的功能...

鐵人賽 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 24

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

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

鐵人賽 Mobile Development DAY 23

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

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

鐵人賽 Mobile Development DAY 22

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

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

鐵人賽 Mobile Development DAY 21

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

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

鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 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 開發一個 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 20

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

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

鐵人賽 Mobile Development DAY 19

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

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

鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 Mobile Development DAY 23

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

前一天30天Flutter手滑系列 - 聊天室開發(Chat Room)(2)在除錯上花了不少時間,今天繼續優化及開發新功能。 添加登入訊息 為了讓成功登入有訊...

鐵人賽 Mobile Development DAY 22

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

接續30天Flutter手滑系列 - 聊天室開發(Chat Room)(1),今天來嘗試加入Google帳號登入。 加入Drawer 為了讓登入後的帳號有個地方...

鐵人賽 Mobile Development DAY 12

技術 [Day12] Flutter 儲存資料套件,第二招 provider_path。

今天因為沒有時間寫程式,所以今天沒有程式。 而在我擔心今天沒有內容時,突然看到了,這個 provider_path 這個套件。 之前說的要把群組存起來的部分,我...

鐵人賽 Mobile Development DAY 21

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

進入倒數10天了,文章已經寫到殘破不堪快往生。但每天還是要有進度產出,只能找空擋時間回去修正前面的文章。接下來要來進入比較進階的應用,自製一個線上聊天室。在這個...

鐵人賽 Mobile Development DAY 17

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

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

鐵人賽 Mobile Development DAY 16

技術 【Flutter基礎概念與實作】 Day16–使用SharedPreference記下帳號、接上TMDb API

今天來實作接上movie API,取得近期上映電影清單。不過在開始之前我們先幫LoignForm加一個簡單的功能——記錄使用者帳號。 SharedPrefere...

鐵人賽 Mobile Development DAY 11

技術 [Day11] Flutter 把代辦存進手機,再也不隨便消失(SQLite)。

之前有說到我們的代辦清單,每次都會重新來過。所以啊!我們要把它存進我們的移動裝置裡。 這邊我們用的套件是sqflite連結。 第一步,我們先建立我們的DB Cl...