iT邦幫忙

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

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

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

鐵人賽 Mobile Development DAY 15

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

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

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 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 14

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

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

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Mobile Development DAY 6

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

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

鐵人賽 Mobile Development DAY 15

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

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

鐵人賽 Mobile Development DAY 13

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

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

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 14

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

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

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 13

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

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

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 5

技術 Day 5:起手式程式碼

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

鐵人賽 Mobile Development DAY 6

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

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

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 9

技術 用 Flutter 開發一個 Android App 吧 - Day 9. 個人頁面(續)

本系列同步發表在 個人部落格,歡迎大家關注~ 個人頁面(Profile Page) - 續 我們接續昨天的部份,接下來要完成個人頁面的下半部。 首先,第一個...

鐵人賽 Mobile Development DAY 3

技術 Day 3 :建立第一個 Flutter 應用程式專案

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

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Mobile Development DAY 10

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

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