iT邦幫忙

#flutter相關文章
共有 79 則文章
鐵人賽 Mobile Development DAY 15
dart&flutter學習之旅 系列 第 15

技術 dart&flutter學習之旅-Day15

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

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

技術 dart&flutter學習之旅-Day09

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

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

技術 dart&flutter學習之旅-Day08

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

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

技術 [Day30] Flutter - App Icon(final)

前言 Hi, 我是魚板伯爵今天鐵人賽的最後一天了感謝大家的支持,不知道大家對這個架構是不是有一點感覺了,雖然因為時間的關西很可惜沒機會教大家如何寫測試,如果加測...

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 [Day25] Flutter - Application Authentication (part9)

前言 Hi, 我是魚板伯爵接著就是來驗證登入狀態,如果已經登入就跳轉到首頁否則就在登入畫面,看完我這句話就知道要使用Bloc了,只要是畫面與功能就要使用到Blo...

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 [Day20] Flutter - Theme: Dark mode & Light mode(part4)

前言 Hi, 我是魚板伯爵今天要教如何利用Theme結合Bloc來切換主題配色,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 會應...

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

技術 [Day19] Flutter - Const: Shared(part3)

前言 Hi, 我是魚板伯爵今天要介紹Const,利用它來宣告一些重複使用且不變的值,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼...

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

技術 [Day18] Flutter - Environment (part2)

前言 Hi, 我是魚板伯爵今天要教大家如何初始化 Environment,在未來的開發的過程中可以快速又方便的切換環境,教學內容只會擷取片段程式碼,建議大家搭配...

鐵人賽 Mobile Development DAY 4

技術 [Day04] Flutter with GetX Lottie animations

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

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

技術 [Day17] Flutter - 實作篇:專案架構 (Domain Driven Design)

前言 Hi, 我是魚板伯爵身為一個軟體工程師,我們最常見的問題就是變動的需求。而程式碼變更,就會有機會出現不可預期 Bug,有時候已經不是小拇指和食指動一動就可...

鐵人賽 Mobile Development DAY 2

技術 [Day02] Flutter GetX VScode extension & tips

今天主要介紹VSCode開發Flutter時裝哪些擴充插件,還有一些開發時會用到的小眉角,寫起來稍微事半功倍一點 VScode extension 基本應該都有...

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

技術 [Day16] Flutter - Firebase Authentication & Google Sign-In ( IOS & Android )

前言 Hi, 我是魚板伯爵今天要教大家 Firebase Authentication 和開通 Google 登入,教學內容只會擷取片段程式碼,建議大家搭配完整...

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

技術 [Day15] Flutter - 大海撈針不是辦法 ( Dartz )

前言 Hi, 我是魚板伯爵在原本的try&catch中我們可以截取大部分的錯誤,但是這僅能告訴我程式崩潰然後就噴一堆錯誤出來,對我來說就好像有人把整個程式丟給我...

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

技術 [Day14] Flutter - 怎麼串接API ( Http )

前言 Ya, 我是魚板伯爵 http 套件可以讓你串接API,你可以利用他來做HTTP請求,是一個很ㄅㄧㄤˋ的工具喔。 完整程式碼 安裝 dependenc...

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

技術 [Day13] Flutter - 管理程式碼好幫手 ( Bloc )

前言 Hi我是魚板伯爵,本次教學會用一個簡單的加一減一的範例來教大家 Bloc 這個套件,當你學會以後程式碼會變得非常乾淨,但是內容可能會有一點難希望大家可以看...

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

技術 [Day12] Flutter - 場景路徑與轉換 ( Auto Router )

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

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

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

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

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

技術 [Day10] Flutter - 文字輸入元件 ( TextField )

前言 Hi, 我是魚板伯爵今天要教大家 TextField 這個元件,這可以讓使用者用鍵盤輸入文字,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。...

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

技術 [Day9] Flutter - 按鈕元件 ( Button )

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

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

技術 [Day8] Flutter - 顯示文字元件 ( Text )

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

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

技術 [Day7] Flutter - 堆疊佈局 ( Stack、Positioned )

前言 Hi, 我是魚板伯爵今天要教大家 Stack(堆疊) 和 Positioned(位子),Stack可以讓子部件堆疊,Positioned 則可以根據四個邊...

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

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

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