iT邦幫忙

flutter相關文章
共有 512 則文章
鐵人賽 Mobile Development DAY 16

技術 用 Flutter 開發一個 Android App 吧 - Day 16. 題外話、活動頁(改)及議題頁(改)

本系列同步發表在 個人部落格,歡迎大家關注~ 題外話 到昨天,本人就撐完此系列的一半了,可喜可賀~ 不過在這資訊時代,難免會在意自己文章被別人閱讀的想法或...

鐵人賽 Mobile Development DAY 13

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

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

鐵人賽 Mobile Development DAY 8

技術 [Day8] Flutter 移動端儲存方案 SQLite。

因為今天有些臨時的事情,所以今天就來先介紹一下將來會用到的套件。 SQLite 在 flutter 套件叫做 sqflite,套件連結 找到 pubspec.y...

鐵人賽 Mobile Development DAY 17

技術 30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(4)

昨天的文章30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(3),我們已經可以透過setState來控制按鈕觸發後的狀態改變,今天要來加...

鐵人賽 Mobile Development DAY 16

技術 30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(3)

前一天的文章30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(2),我們停在點擊按鈕後控制OX的部分,今天我們來完成它。 預期做法 為了...

鐵人賽 Mobile Development DAY 7

技術 [Day7] Flutter Drawer 側邊導覽列。

我想在我的待辦清單加上群組的概念,讓我可以加上代辦清單加上群組功能。讓我們可以分類我們的選項。 未來也有想做使用者登入,與同步資料相關功能,所以把使用者畫面留在...

鐵人賽 Mobile Development DAY 6

技術 [Day6] Flutter 將我們的專案全面套上 Provider。

還記得我們在 Day3-Day4 時介紹了一個狀態管理套件,今天我們就要把他套在我們的代辦清單啦~ 首先我們先在 lib/providers/todos.dar...

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 15

技術 30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(2)

接續前一天的進度30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe) - 導論與基本佈局的進度。 持續優化布局 回顧昨天使用了Expande...

鐵人賽 Mobile Development DAY 14

技術 30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe) (1)

在結束了一系列的基礎教學後,我自己都覺得枯燥乏味了,那就開始來練習做些小東西吧。 認識井字遊戲 井字遊戲我相信每個人都玩過...是吧?是吧?是吧?假如真的沒看過...

鐵人賽 Mobile Development DAY 13

技術 30天Flutter手滑系列 - Firebase 設定

結束上一篇30天Flutter手滑系列 - JSON與序列化(JSON and serialization),關於與後端溝通做資料交換的部分,接下來要把重要的F...

鐵人賽 Mobile Development DAY 5

技術 [Day5] Flutter 清單滑動選項添加。

相信我們已經很習慣在我們的APP出現這樣的手勢: 今天我們就要在我們的代辦清單內加入 這邊我使用了一個套件,flutter_slidable在 flutter...

鐵人賽 Mobile Development DAY 4

技術 [Day4] Flutter 狀態管理之 Provider (續)

昨天提到了 Example code 來囉! 我這邊先用新的專案來改 第一步我們需要先建立一個 model,記得要 with ChangeNotifier,這樣...

鐵人賽 Mobile Development DAY 15

技術 用 Flutter 開發一個 Android App 吧 - Day 15. GitHub API 初體驗、倉庫頁(改)

本系列同步發表在 個人部落格,歡迎大家關注~ GitHub API 初體驗 本人在這專案之前是完全沒使用過 GitHub API 的,所以我是以新手之姿來串...

鐵人賽 Mobile Development DAY 5

技術 Day 5:起手式程式碼

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

鐵人賽 Mobile Development DAY 14

技術 用 Flutter 開發一個 Android App 吧 - Day 14. 首頁 - Hacker News

本系列同步發表在 個人部落格,歡迎大家關注~ 現在各式各樣的資料都存放在雲端,App 本身不會存太多資訊,所以接 Web API 幾乎是現代 App 必然要...

鐵人賽 Mobile Development DAY 13

技術 用 Flutter 開發一個 Android App 吧 - Day 13. 登入頁面的圖片、App 縮圖

本系列同步發表在 個人部落格,歡迎大家關注~ Day 13. 登入頁面的圖片 因為此專案為 Gitme 的 Reborn 版本,基本上我會盡量還原原版 Gi...

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Mobile Development DAY 3

技術 [Day3] Flutter 狀態管理之 Provider

因為之後會用到,所以先花一天篇幅介紹一下。 當我們想要在組件與組件溝通的過程,當分支變得複雜,變得更多時,我們在做組建的溝通時就會變得相對困難。 這時我們就需要...

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Mobile Development DAY 12

技術 用 Flutter 開發一個 Android App 吧 - Day 12. 關於頁面(AboutPage)

本系列同步發表在 個人部落格,歡迎大家關注~ 關於頁面(AboutPage) 關於頁面中,目前只想顯示些簡單的資訊,App Icon、版本資訊、作者及 Li...

鐵人賽 Mobile Development DAY 11

技術 用 Flutter 開發一個 Android App 吧 - Day 11. 設定頁面

本系列同步發表在 個人部落格,歡迎大家關注~ 設定頁面(SettingPage) 這次的鐵人賽在設定頁面上,我想完成 2 個設定功能,主題(Theme)和語...

鐵人賽 Mobile Development DAY 10

技術 用 Flutter 開發一個 Android App 吧 - Day 10. 趨勢頁面

本系列同步發表在 個人部落格,歡迎大家關注~ 趨勢頁面(Trending Page) 好久沒從 UI 設計圖來分解該怎麼轉換成程式碼了。 今天就看個分解圖吧...

鐵人賽 Mobile Development DAY 2

技術 [Day2] 新增代辦事項實作。

昨天我們做了代辦事項的主頁,我們接下來要新增待辦事項。 第一步驟我們先建立新建事項的頁面,lib/screens/edit_todo_screen.dart c...

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 1

技術 [Day 1] 萬年老梗,卻很實用之待辦清單。

前面因為一些因素中斷了比賽,決定在此重新參賽。先前連結 那我們就廢話不多說直接進入,我們的重點待辦清單。 我們先做我們的主頁面,如下圖。 我的習慣會把頁面,放在...