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 篇文章 | 244 人訂閱 訂閱系列文 RSS系列文
DAY 11

【Flutter基礎概念與實作】 Day11–Flutter Bloc 套件介紹 (1) Events、States和Transitions

昨天提到BLoC Design Pattern,那麼今天來介紹這次專案使用的Bloc套件吧。 Bloc a predictable state managem...

2019-09-25 ‧ 由 bju0ulhi0511 分享
DAY 12

【Flutter基礎概念與實作】 Day12–Flutter Bloc 套件介紹 (2) BlocBuilder、BlocProvider和BlocListener

又是新的一天,今天接著來看如何使用「flutter_bloc」內提供的widget吧。 BlocBuilder BlocBuilder的用途非常好理解,就是當B...

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

【Flutter基礎概念與實作】 Day13–實作Authentication Bloc

回到實作的專案中,上次的進度是停在建立UserRepository的地方,那麼今天就來把驗證帳號邏輯的「AuthenticationBloc」完成吧。 Bloc...

2019-09-27 ‧ 由 bju0ulhi0511 分享
DAY 14

【Flutter基礎概念與實作】 Day14–實作Login Bloc、Firebase Authentication

繼續來實作專案,經過昨天實作完AuthenticationBloc後,對於Bloc的概念跟實作流程應該都比較熟悉了。今天的LoginBLoc就不會講解的那麼詳細...

2019-09-28 ‧ 由 bju0ulhi0511 分享
DAY 15

【Flutter基礎概念與實作】 Day15–實作Register Bloc、Firebase Authentication

昨天完成了LoginBloc和登入的介面,但其實還有幾個步驟需要進行設定才能使用Google Auth,所以今天的前半部先把它設定完吧。 Android bui...

2019-09-29 ‧ 由 bju0ulhi0511 分享
DAY 16

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

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

2019-09-30 ‧ 由 bju0ulhi0511 分享
DAY 17

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

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

2019-10-01 ‧ 由 bju0ulhi0511 分享
DAY 18

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

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

2019-10-02 ‧ 由 bju0ulhi0511 分享
DAY 19

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

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

2019-10-03 ‧ 由 bju0ulhi0511 分享
DAY 20

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

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

2019-10-04 ‧ 由 bju0ulhi0511 分享