iT邦幫忙

flutter相關文章
共有 236 則文章
鐵人賽 Mobile Development DAY 1

達標好文 技術 【Flutter基礎概念與實作】 Day1–Flutter是什麼,能吃嗎?

前言 大家好,我目前是清大資應所碩二的學生,應實驗室同學邀請一起報名參加鐵人賽。選Flutter作為主題是因為近年來跨平台框架正夯,而Flutter由於發展較晚...

鐵人賽 Mobile Development DAY 2

技術 【Flutter基礎概念與實作】 Day2–Flutter v.s React Native

今天的內容著重在Flutter的特色介紹以及和React Native的比較。如果你還在猶豫該學Flutter還是React Native,希望今天的內容對你的...

鐵人賽 Mobile Development DAY 3

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

Dart屬於物件導向語言,假如你之前寫過Java、JavaScript或是其他物件導向語言相信很快就能夠上手,因為程式語言的語法其實大同小異,而且Dart還擁有...

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Mobile Development DAY 6

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

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

鐵人賽 Mobile Development DAY 5

技術 用 Flutter 開發一個 Android App 吧 - Day 5. 登入登出、倉庫頁、近況頁與議題頁

本系列同步發表在 個人部落格,歡迎大家關注~ 登入/登出 登入按下登入按鈕後的時候,需要有一個 Loading 的 Modal。 如圖 而在 Flutte...

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 2

技術 Day 2:安裝 Flutter 開發環境

本篇文章同步發表在 HKT 線上教室 部落格,線上影音教學課程已上架至 Udemy-HKT線上教室。想追蹤更多相關技術資訊,歡迎到 臉書粉絲專頁 按讚追蹤喔~...

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Mobile Development DAY 4

技術 30天Flutter手滑系列 - Dart語言基礎教學

完成上一篇30天Flutter手滑系列 - 雙平台及IDE環境設定後, 開始要來寫點程式,是不是終於有點像在學個新技術了呢。 但是,別忘了Flutter是Da...

鐵人賽 Mobile Development DAY 30

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

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

鐵人賽 Mobile Development DAY 9

技術 30天Flutter手滑系列 - 導航與路由(Navigation & Routing)

在結束上一篇30天Flutter手滑系列 - 布局組件(Layout Widgets)(下)後,基礎的UI概念應該已經有了,接下來會介紹同樣很重要的導航與路由。...

鐵人賽 Mobile Development DAY 28

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

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

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Mobile Development DAY 26

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

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

鐵人賽 Mobile Development DAY 13

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

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

鐵人賽 Mobile Development DAY 1

技術 Day 1:為什麼要用 Flutter ?

本篇文章同步發表在 HKT 線上教室 部落格,線上影音教學課程已上架至 Udemy-HKT線上教室。想追蹤更多相關技術資訊,歡迎到 臉書粉絲專頁 按讚追蹤喔~...

鐵人賽 Mobile Development DAY 14

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

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

鐵人賽 Mobile Development DAY 11

技術 30天Flutter手滑系列 - 狀態管理 (State Management)

上一篇30天Flutter手滑系列 - 無狀態與有狀態Widgets (Stateless & Stateful widgets),算是基礎的狀態管理教...

鐵人賽 Mobile Development DAY 3

技術 30天Flutter手滑系列 - 雙平台及IDE環境設定

接續上一篇30天Flutter手滑系列 - SDK環境設定完成後,我們來加速一下進度,一次把跨平台開發跟IDE設定完成,然後跑第一個範例程式吧。 開發平台設定...

鐵人賽 Mobile Development DAY 3

技術 用 Flutter 開發一個 Android App 吧 - Day 3. 進入點、登入頁面

今天開始進入本系列的主線 - 第一階段 UI 部份 進入點 lib/main.dart import "package:flutter/materia...

鐵人賽 Mobile Development DAY 12

技術 30天Flutter手滑系列 - JSON與序列化(JSON and serialization)

在閱讀了前一天的文章30天Flutter手滑系列 - 狀態管理 (State Management),似乎還有點懵懵懂懂。 沒關係,後面我會以實做專案的方式一步...

鐵人賽 Mobile Development DAY 25

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

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

鐵人賽 Mobile Development DAY 15

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

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

鐵人賽 Mobile Development DAY 5

技術 30天Flutter手滑系列 - 基本組件(Basic Widgets)

誠如先前文章所說,Flutter由許多Widgets去組成整個App,從這章節開始會從UI相關的Widgets開始介紹, 順便了解不同Widgets的名稱在Mo...

鐵人賽 Mobile Development DAY 10

技術 30天Flutter手滑系列 - 無狀態與有狀態Widgets (Stateless & Stateful widgets)

結束上一篇30天Flutter手滑系列 - 導航與路由(Navigation & Routing),我們透過範例,示範了在路由跳轉時傳遞參數,但我們都使...