Flutter API Get using Bloc state management and http plugin 這是我第一次寫(不專業技術文,請大家多多...
哈囉咪那桑又到了一年一度的鐵(ㄗˋ)人(ㄌㄩㄝˋ)賽了今年《iOS Developer Learning》系列的主題是Flutter本來之前一直想學React...
耶~終於完賽了~終於可以結束每天都兩點以後睡的日子了~也可以開始訂閱Apple Arcade了~XD其實大家都說,寫技術文章是為了自己,我也這麼認為但這個系列賽...
Finally!!! 來到了鐵人賽的最後一天,今天要介紹的是寫App最後也是最重要的一個步驟---輸出Release APK。 添加App Icon 雖然Flu...
今天要介紹的是Flutter的Profile Mode,在Profile Mode可以看到即時的CPU和GPU的效能狀況,有助於開發人員優化App。 Flutt...
今天是實作FlutTube的最後一天,程式碼也很少,大概30行左右,但這功能我覺得很酷,那就是Cloud Messaging,實作後你可以傳訊息到任何一台裝有F...
今天就把上傳大頭貼到Firebase Storage和在留言顯示使用者照片的功能完成吧。 Home Page 開啟home_page.dart,把上傳照片的功能...
今天的目標是把Firebase Storage設定好以及實作上傳大頭貼的功能。 Firebase Storage Firebase Storage的功能和Goo...
今天來增加討論電影的留言版功能,結合Firebase的Firestore除了能大幅減少建置資料庫的時間外,只要Database有新的資料所有使用者的頁面也會被自...
今天的目標很簡單,就是把顯示電影細節的頁面完成。 Movie Detail Page 在home資料夾下新增「movie_detail_page.dart」首先...
在開始今天非常簡單的YoutubeBloc實作前,我們要先和Google申請Youtube Data Api,待會才可以用Youtube Api查詢電影預告片。...
今天繼續來幫首頁增加一些小功能,不會像昨天程式碼那麼多了XD。 Drawer Drawer widget在Day7有介紹到如何使用,今天就來幫HomePage加...
結束三天的Flutter測試框架介紹,回到專案本身的開發,接著來美化首頁吧。 先看今天的成品會長什麼樣子:(gif經過壓縮後畫質會降低會有卡卡的感覺,但實際上滑...
今天是testing的最後一天,把剩下的Movie Bloc和Movie Api的測試寫完吧。 Movie Bloc Test 在test/bloc資料夾下新增...
今天就來為FlutTube專案內的Bloc(Authentication Bloc、Login Bloc、Register Bloc)寫測試吧。 Mockito...
寫測試在開發軟體是很重要的一部分,測試寫得好之後才能安心地繼續開發新功能以及進行維護,不然軟體架構越來越龐大後發現前面的功能有Bug就難處理了。 根據Flutt...
今天又要來實作Bloc啦,基本概念都和前面相同,就速速帶過吧。 MovieBloc 在movie資料夾下新增「bloc」資料夾並用bloc generator產...
今天來實作接上movie API,取得近期上映電影清單。不過在開始之前我們先幫LoignForm加一個簡單的功能——記錄使用者帳號。 SharedPrefere...
昨天完成了LoginBloc和登入的介面,但其實還有幾個步驟需要進行設定才能使用Google Auth,所以今天的前半部先把它設定完吧。 Android bui...
繼續來實作專案,經過昨天實作完AuthenticationBloc後,對於Bloc的概念跟實作流程應該都比較熟悉了。今天的LoginBLoc就不會講解的那麼詳細...
回到實作的專案中,上次的進度是停在建立UserRepository的地方,那麼今天就來把驗證帳號邏輯的「AuthenticationBloc」完成吧。 Bloc...
又是新的一天,今天接著來看如何使用「flutter_bloc」內提供的widget吧。 BlocBuilder BlocBuilder的用途非常好理解,就是當B...
昨天提到BLoC Design Pattern,那麼今天來介紹這次專案使用的Bloc套件吧。 Bloc a predictable state managem...
今天會介紹如何設定Firebase auth並且新增「UserRepository」用來和Firebase溝通,以便驗證和取得使用者資訊。 最後會提到一些Blo...
今天開始專案的實作,我把App的取名為「FlutTube」其實就是Flutter和Youtube的合體,在這次的專案中會實作到以下幾個功能: Splash S...
昨天認識了Flutter內的基礎Widget,也提供各位簡單的範例來練習。在範例中有使用到兩個package,「font_awesome_flutter」及「t...
今天我們就從Basic Widget開始介紹。 Flutter官網列舉的Basic Widget共有11個,不過在這我只會提到Appbar、Column、Row...
今天開始我們正式進入Flutter的世界,大家應該都有安裝好Flutter SDK並選擇自己習慣的IDE了吧(若還沒設定好,可以參考Day1的安裝教學)。 更...
今天是介紹Dart的最後一天了,來學如何定義class(類別)以及使用async(非同步)吧。 Class 物件跟類別的概念在這邊就不多解釋了,今天主要以例子來...
昨天介紹了Dart的型態以及定義function的方法,今天來看看流程控制以及例外處理吧。 Dart的流程控制跟其他語言沒有差異,該有的都有,if-else、w...