iT邦幫忙

flutter相關文章
共有 584 則文章
鐵人賽 Mobile Development DAY 20

技術 30天Flutter手滑系列 - Flutter 1.9

今天不知道寫什麼,來聊聊月中釋出的flutter 1.9好了 Flutter 1.9.1 在這版中,最大亮點莫過於支援macOS Catalina和iOS13的...

鐵人賽 Mobile Development DAY 15

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

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

鐵人賽 Mobile Development DAY 14

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

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

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 21. 趨勢頁面(改)、切換趨勢區間

本系列同步發表在 個人部落格,歡迎大家關注~ 經過兩天的努力,終於能來修改頁面拉~ 趨勢頁面 - 改 第二部份的更改頁面我想大家應該可以猜得到,一樣用 Fu...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 20. 自己建造 GitHub Trending API 輪子與測試

本系列同步發表在 個人部落格,歡迎大家關注~ GitHub Trending API 唷西(よし),昨天花了很大的力氣將 JSON 序列化的物件模板建立完成...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 19. JSON 序列化 及 如何應用在 App 中

本系列同步發表在 個人部落格,歡迎大家關注~ 好了,經歷了一天 Hacker News API 和四天 GitHub API ,藉著 hnpwa_clien...

鐵人賽 Mobile Development DAY 10

技術 [Day10] Flutter 新增群組Modal。

我們新增一個全螢幕的彈跳視窗,然後做些表單,目前就先這樣了。 明天再把新增存起來。 import 'package:flutter/material.dart'...

鐵人賽 Mobile Development DAY 19

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

在前面章節30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(5)有提到,在今天開始會來嘗試加入AI到我們遊戲中,這樣才真的有玩遊戲感覺嘛...

鐵人賽 Mobile Development DAY 18

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

截至昨天30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(4)為止,大致雛型已經有了,但一切都有點雜亂,今天先來整理一下。 重新安排檔案...

鐵人賽 Mobile Development DAY 9

技術 [Day9] Flutter 選擇群組,出現對應代辦事項調整。

之前我們的側欄,做了群組的功能,但是選擇還沒有任何的改變。今天我們就讓他選擇了會有反應吧! 第一步,我把它移植到Provider import 'package...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 18. 個人頁面(大改)

本系列同步發表在 個人部落格,歡迎大家關注~ 個人頁面 - Star 頁面 在 Day 8 的時候,個人頁面的 Star Tab,我並沒有實作 StarRe...

鐵人賽 Mobile Development DAY 17

技術 用 Flutter 開發一個 Android App 吧 - Day 17. 搜尋頁面(改)、自製 GitHub Tiles

本系列同步發表在 個人部落格,歡迎大家關注~ 搜尋頁面 - 改 在 github 這套件的加持下,搜尋頁面調用搜尋 API 也變得非常簡單。 在搜尋頁面上我...

鐵人賽 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:起手式程式碼

2024 最新 Flutter 教學 - Flutter 終極指南: 連結從零開始學 Dart 程式設計: 連結Flutter 程式設計入門實戰 30 天: 連...

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