iT邦幫忙

跨平台相關文章
共有 34 則文章
1 Like 1 留言 1713 瀏覽

技術 Flutter API Get using Bloc state management and http plugin

Flutter API Get using Bloc state management and http plugin 這是我第一次寫(不專業技術文，請大家多多...

WenYeh ‧ 2021-02-24
1 Like 1 留言 1815 瀏覽
鐵人賽 Mobile Development DAY 1
iOS Developer Learning Flutter 系列 第 1 篇

技術 iOS Developer Learning Flutter. Lesson0 開場白

哈囉咪那桑又到了一年一度的鐵(ㄗˋ)人(ㄌㄩㄝˋ)賽了今年《iOS Developer Learning》系列的主題是Flutter本來之前一直想學React...

MarkFly～ ‧ 2020-09-16
9 Like 3 留言 5663 瀏覽
鐵人賽 Mobile Development DAY 30
iOS Developer Learning Android 系列 第 30 篇

達標好文 技術 iOS Developer Learning Android. Lesson 30 - 精彩大結局 (重點整理: 看這一天等於看30天)

耶～終於完賽了～終於可以結束每天都兩點以後睡的日子了～也可以開始訂閱Apple Arcade了～XD其實大家都說，寫技術文章是為了自己，我也這麼認為但這個系列賽...

MarkFly～ ‧ 2019-10-15
2 Like 2 留言 22305 瀏覽
鐵人賽 Mobile Development DAY 30
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 30 篇

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

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

bju0ulhi0511 ‧ 2019-10-14
1 Like 0 留言 5749 瀏覽
鐵人賽 Mobile Development DAY 29
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 29 篇

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

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

bju0ulhi0511 ‧ 2019-10-13
2 Like 0 留言 15952 瀏覽
鐵人賽 Mobile Development DAY 28
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 28 篇

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

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

bju0ulhi0511 ‧ 2019-10-12
1 Like 0 留言 5332 瀏覽
鐵人賽 Mobile Development DAY 27
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 27 篇

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

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

bju0ulhi0511 ‧ 2019-10-11
2 Like 0 留言 13895 瀏覽
鐵人賽 Mobile Development DAY 26
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 26 篇

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

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

bju0ulhi0511 ‧ 2019-10-10
1 Like 0 留言 7467 瀏覽
鐵人賽 Mobile Development DAY 25
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 25 篇

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

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

bju0ulhi0511 ‧ 2019-10-09
1 Like 0 留言 4255 瀏覽
鐵人賽 Mobile Development DAY 24
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 24 篇

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

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

bju0ulhi0511 ‧ 2019-10-08
1 Like 0 留言 7095 瀏覽
鐵人賽 Mobile Development DAY 23
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 23 篇

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

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

bju0ulhi0511 ‧ 2019-10-07
1 Like 0 留言 3640 瀏覽
鐵人賽 Mobile Development DAY 22
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 22 篇

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

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

bju0ulhi0511 ‧ 2019-10-06
1 Like 0 留言 5679 瀏覽
鐵人賽 Mobile Development DAY 21
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 21 篇

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

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

bju0ulhi0511 ‧ 2019-10-05
1 Like 0 留言 3505 瀏覽
鐵人賽 Mobile Development DAY 20
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 20 篇

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

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

bju0ulhi0511 ‧ 2019-10-04
1 Like 0 留言 4395 瀏覽
鐵人賽 Mobile Development DAY 19
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 19 篇

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

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

bju0ulhi0511 ‧ 2019-10-03
1 Like 0 留言 7125 瀏覽
鐵人賽 Mobile Development DAY 18
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 18 篇

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

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

bju0ulhi0511 ‧ 2019-10-02
1 Like 0 留言 4334 瀏覽
鐵人賽 Mobile Development DAY 17
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 17 篇

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

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

bju0ulhi0511 ‧ 2019-10-01
1 Like 1 留言 6087 瀏覽
鐵人賽 Mobile Development DAY 16
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 16 篇

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

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

bju0ulhi0511 ‧ 2019-09-30
2 Like 0 留言 6777 瀏覽
鐵人賽 Mobile Development DAY 15
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 15 篇

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

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

bju0ulhi0511 ‧ 2019-09-29
1 Like 0 留言 10083 瀏覽
鐵人賽 Mobile Development DAY 14
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 14 篇

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

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

bju0ulhi0511 ‧ 2019-09-28
1 Like 1 留言 11386 瀏覽
鐵人賽 Mobile Development DAY 13
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 13 篇

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

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

bju0ulhi0511 ‧ 2019-09-27
2 Like 0 留言 15627 瀏覽
鐵人賽 Mobile Development DAY 12
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 12 篇

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

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

bju0ulhi0511 ‧ 2019-09-26
3 Like 0 留言 25910 瀏覽
鐵人賽 Mobile Development DAY 11
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 11 篇

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

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

bju0ulhi0511 ‧ 2019-09-25
1 Like 0 留言 22443 瀏覽
鐵人賽 Mobile Development DAY 10
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 10 篇

技術 【Flutter基礎概念與實作】 Day10–Firebase與Bloc Design Pattern

今天會介紹如何設定Firebase auth並且新增「UserRepository」用來和Firebase溝通，以便驗證和取得使用者資訊。 最後會提到一些Blo...

bju0ulhi0511 ‧ 2019-09-24
2 Like 2 留言 20876 瀏覽
鐵人賽 Mobile Development DAY 9
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 9 篇

技術 【Flutter基礎概念與實作】 Day9–建立專案與App開頭動畫

今天開始專案的實作，我把App的取名為「FlutTube」其實就是Flutter和Youtube的合體，在這次的專案中會實作到以下幾個功能： Splash S...

bju0ulhi0511 ‧ 2019-09-23
3 Like 0 留言 24800 瀏覽
鐵人賽 Mobile Development DAY 8
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 8 篇

技術 【Flutter基礎概念與實作】 Day8–Package引用與管理

昨天認識了Flutter內的基礎Widget，也提供各位簡單的範例來練習。在範例中有使用到兩個package，「font_awesome_flutter」及「t...

bju0ulhi0511 ‧ 2019-09-22
3 Like 2 留言 31248 瀏覽
鐵人賽 Mobile Development DAY 7
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 7 篇

技術 【Flutter基礎概念與實作】 Day7–Flutter Basic Widgets

今天我們就從Basic Widget開始介紹。 Flutter官網列舉的Basic Widget共有11個，不過在這我只會提到Appbar、Column、Row...

bju0ulhi0511 ‧ 2019-09-21
3 Like 3 留言 39889 瀏覽
鐵人賽 Mobile Development DAY 6
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 6 篇

技術 【Flutter基礎概念與實作】 Day6–Flutter Hello World!

今天開始我們正式進入Flutter的世界，大家應該都有安裝好Flutter SDK並選擇自己習慣的IDE了吧(若還沒設定好，可以參考Day1的安裝教學)。 更...

bju0ulhi0511 ‧ 2019-09-20
5 Like 2 留言 46420 瀏覽
鐵人賽 Mobile Development DAY 5
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 5 篇

技術 【Flutter基礎概念與實作】 Day5–Dart Language(3)

今天是介紹Dart的最後一天了，來學如何定義class(類別)以及使用async(非同步)吧。 Class 物件跟類別的概念在這邊就不多解釋了，今天主要以例子來...

bju0ulhi0511 ‧ 2019-09-19
2 Like 0 留言 39960 瀏覽
鐵人賽 Mobile Development DAY 4
Flutter---Google推出的跨平台框架，Android、iOS一起搞定 系列 第 4 篇

技術 【Flutter基礎概念與實作】 Day4–Dart Language(2)

昨天介紹了Dart的型態以及定義function的方法，今天來看看流程控制以及例外處理吧。 Dart的流程控制跟其他語言沒有差異，該有的都有，if-else、w...

bju0ulhi0511 ‧ 2019-09-18
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙