iT邦幫忙

#flutter相關文章
共有 79 則文章
鐵人賽 Mobile Development DAY 4
30天 - Flutter 日常 系列 第 4

技術 [Day4] Flutter - 水平佈局容器 ( Row )

前言 Hi, 我是魚板伯爵今天要教大家 Row 這個容器,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 常用屬性 Row 裡面的容...

技術 Flutter學習Day4 Widget 觀念 StatefulWidget

今天要來介紹StatefulWidget啦從字面上看起來就是 有狀態的部件(取名字真的很重要) when?? 甚麼時候會用到呢??就是當需要記錄狀態的時候此時我...

鐵人賽 Mobile Development DAY 21
iOS Developer Learning Flutter 系列 第 21

技術 iOS Developer Learning Flutter. Lesson20 InheritedWidget

Today Preview 前言 接下來三天會提到跟狀態管理有關的議題由於React跟Flutter的核心思想都是State所以怎麼管理或傳遞這個State就...

鐵人賽 Mobile Development DAY 4

技術 [Day04] Flutter with GetX Lottie animations

Lottie Lottie源自Airbnb開源, 各類前端的支援度不錯,結論是 可以壓榨設計師用AE畫出很炫泡的動畫後直接放上去. pubspec.yaml 檔...

鐵人賽 Mobile Development DAY 6
30天 - Flutter 日常 系列 第 6

技術 [Day6] Flutter - 置中容器 ( Center )

前言 Hi, 我是魚板伯爵今天要教大家 Center 這個元件,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 Center 容器...

鐵人賽 Mobile Development DAY 22
30天 - Flutter 日常 系列 第 22

技術 [Day22] Flutter - Infrastructure Authentication (part6)

前言 Hi, 我是魚板伯爵今天要把登入的Repository寫好備用,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 安裝 goog...

鐵人賽 Mobile Development DAY 24
30天 - Flutter 日常 系列 第 24

技術 [Day24] Flutter - Application Login (part8)

前言 Hi, 我是魚板伯爵這裡我們要將Google登入與介面做連接,所以又要使用Bloc了,老樣子按照著Event->State->Bloc的步驟建...

鐵人賽 Mobile Development DAY 11
30天 - Flutter 日常 系列 第 11

技術 [Day11] Flutter - StatelessWidget & StatfulWidget 差別

前言 Hi, 我是魚板伯爵今天要講 StatelessWidget & StatfulWidget差別,讓大家可以對這兩種部件有一點概念。 完整程式碼...

鐵人賽 Mobile Development DAY 19
dart&flutter學習之旅 系列 第 19

技術 dart&flutter學習之旅-Day19

前言 今天會開始介紹flutter cookbook的內容,flutter cookbook是一連串進階技術的教學,我會先從flutter動畫開始介紹 Anim...

鐵人賽 Mobile Development DAY 26
30天 - Flutter 日常 系列 第 26

技術 [Day26] Flutter - Presentation Login & Splash Screen (part10)

前言 Hi, 我是魚板伯爵今天就是把之前寫的一堆功能放到Screen裡面,由於是UI的部分所以程式碼會很長,有些地方我只會擷取片段,建議大家看完整程式碼。 完...

鐵人賽 Mobile Development DAY 29
30天 - Flutter 日常 系列 第 29

技術 [Day29] Flutter - Presentation Click Game Screen (part13)

前言 Hi, 我是魚板伯爵今天要來創建一個CountBloc,然後就可以開始製作我們的CountButton了,我加了讓數字有彈跳的效果寫了一些動畫,有興趣的可...

鐵人賽 Mobile Development DAY 23
30天 - Flutter 日常 系列 第 23

技術 [Day23] Flutter - Domain Error Handle (part7)

前言 Hi, 我是魚板伯爵今天要把偵錯的功能加上去,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 需準備的知識 [Day15]...

鐵人賽 Mobile Development DAY 21
30天 - Flutter 日常 系列 第 21

技術 [Day21] Flutter - Presentation AutoRouter(part5)

前言 Hi, 我是魚板伯爵今天要在我們的專案裡面加入場景的路由,這樣可以方便管理我們每個場景,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整...

鐵人賽 Mobile Development DAY 25
dart&flutter學習之旅 系列 第 25

技術 dart&flutter學習之旅-Day25

Use themes to share colors and font styles 使用theme可以在整個App中共享顏色和字型,你也可以定義app-wid...

鐵人賽 Mobile Development DAY 28
30天 - Flutter 日常 系列 第 28

技術 [Day28] Flutter - Application Click Game (part12)

前言 Hi, 我是魚板伯爵今天要把按下螢幕時觸發的事件接上去,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 需要具備知識 基本...

技術 Flutter學習Day2 Widget 觀念 StatelessWidget (上)

介紹 只要把Widget想像成一塊塊的樂高積木或是部件,當你要建造一台新阿姆斯特朗旋風噴射阿姆斯特朗砲,你可能需要砲管,砲身,底座,子彈儲存球,前列腺高潮動力球...

鐵人賽 Mobile Development DAY 27
30天 - Flutter 日常 系列 第 27

技術 [Day27] Flutter - Infrastructure Click Game (part11)

前言 Hi, 我是魚板伯爵寫到這邊時不知道大家都已經非常熟練了,這次我們要來做一個有趣的小遊戲,就是點一下螢幕數字就會加一,是不是很有趣呢? 完整程式碼 需...

技術 Flutter學習Day5 Widget StatelessWidget => StatefulWidget 實作

大家安安 晚上好~~ 今天要把專案裡的StatelessWidget 更改成為 StatefulWidget我想要加入點讚的功能去計算我的寵物的讚數 首先我們先...

鐵人賽 Mobile Development DAY 18
dart&flutter學習之旅 系列 第 18

技術 dart&flutter學習之旅-Day18

前言 今天會把flutter裡常見的layout都介紹完畢 Stack 使用Stack widget可以將widget重疊在另一個widget上 childr...

技術 Flutter學習Day3 Widget 觀念 StatelessWidget (下)

大家安安,小弟弟要來接續上一篇的結尾上一篇的進度是列出了寵物的清單 而現在我們想實現在點擊清單的時候可以跳出視窗顯示寵物的圖片及內容的功能 因為我們需要onTa...

鐵人賽 Mobile Development DAY 8
dart&flutter學習之旅 系列 第 8

技術 dart&flutter學習之旅-Day08

Checking conditions 有時候可能會遇到要驗證元素全部符合特定條件的時候,這時候並不推薦使用for-in 不推薦使用 for (final it...

鐵人賽 Mobile Development DAY 9
dart&flutter學習之旅 系列 第 9

技術 dart&flutter學習之旅-Day09

Mapping map()可以讓你對每個元素使用函數去替換舊的函數 void main() { var numbersByTwo = const [1, -...

技術 [Week 3] Flutter - InheritedWidget 介紹

當我們與 UI (使用者介面)互動時,會改變資料,進而有儲存資料的需求。 這時候要考慮一些事情: 這些資料要短暫的儲存、還是要存放久一點?我們會先把狀態分類成...

技術 Flutter學習Day1 dart&flutter安裝(windows)

小弟弟第一次發文,如有不好的地方 請多包涵 (≧∀≦)ゞ 由於我是vs code 使用愛好者所以就用此IDE去安裝囉 打開vscode後 左邊有延伸模組搜尋da...

鐵人賽 Mobile Development DAY 16
dart&flutter學習之旅 系列 第 16

技術 dart&flutter學習之旅-Day16

Packing widgets 預設情況下,row或column沿其main axis會使用盡可能多的空間,但如果你想把children widget緊緊地包在...

鐵人賽 Mobile Development DAY 15
dart&flutter學習之旅 系列 第 15

技術 dart&flutter學習之旅-Day15

Sizing widgets 如果widget太大,例如圖片太大張導致畫面放不下的時候,可以使用Expanded widget去把尺寸太大的widget包進去,...

鐵人賽 Mobile Development DAY 23
dart&flutter學習之旅 系列 第 23

技術 dart&flutter學習之旅-Day23

snackbar snackbar可以在使用者執行操作後簡短地通知使用者,用以下3步可以快速建立snackbar 建立Scaffold 顯示snackbar...

鐵人賽 自我挑戰組 DAY 8

技術 [鐵人賽 Day 8] 統整 Kotlin & Flutter 基礎元件比較表格

背景 前兩篇分享了 Kotlin & Flutter 各自的基礎元件應用實例,實例結果都是如下畫出同個畫面: Kotlin 基礎元件應用實例結果截...

鐵人賽 自我挑戰組 DAY 23

技術 [鐵人賽 Day 23] Kotlin & Flutter 頁面切換 - 返回上個頁面時,如何返回上上頁 (一)

目的 比較 Kotlin & Flutter 返回上個頁面時,如何改成返回上上頁 說明 今天先討論 Flutter 如何完成返回上上頁的流程,明天則討論...

鐵人賽 自我挑戰組 DAY 1
簡易跨平台記事白板 系列 第 1

技術 [Day 1] [flutter] multi-platform white board

DAY1前言 前言 小弟為大三本科生 實務經驗在兩-三年 不太會讀書 喜歡實務 全是感情毫無技巧。對鐵人賽早有耳聞 非常崇拜各位神人在每天繁忙的生活中還能抽出時...