iT邦幫忙

flutter相關文章
共有 613 則文章
鐵人賽 Mobile Development DAY 10

技術 Flutter Developer Learning SwiftUI. @State var lesson10 = "日期挑選"

Today Preview 1. 正文 今天也是屬於比較單純的日子主要就是給各位看看Data Picker有哪幾種style分成 .compact .whee...

鐵人賽 Mobile Development DAY 19

技術 Day 19: 如何撰寫 Riverpod 測試,使用 Mocktail 來幫助我們吧!

本文進入測試環節。適合對 Riverpod 有實際玩過且熟悉的朋友們,不會特別講解相關開發技巧,我們著重在於如何寫好一個基本的測試,穩固專案的品質。希望由這些...

技術 【WideLab暑假之旅】Week05(2023/07/31-08/04)

20230731 6款簡單的動畫製作軟體推薦,幫你輕鬆做出吸睛的動畫影片 壹、Powtoon 還不知道超過4天的編輯區會長什麼樣子 貳、開會 進度更新...

鐵人賽 Mobile Development DAY 4

技術 Flutter Developer Learning SwiftUI. @State var lesson4 = "排列"

Today Preview 1. 正文 今天的主題是排列排列就是佈局的基礎「不是決定元件要放在畫面的哪裡,而是將畫面分割成若干部分」SwiftUI這點跟Flu...

鐵人賽 Mobile Development DAY 15

技術 Day 15 進階 UI 組件

Scaffold 組件 前面我們已經使用 Scaffold 組件很多次了,但對它並沒有過多著墨,其實 Scaffold 還有很多隱藏的功能可以協助我們建置一個更...

鐵人賽 Mobile Development DAY 22

技術 [Day 22] 實戰新聞 APP - 使用 State Management 來觸發 Dark Mode

如果你曾經碰過前端框架如 React 或是 Vue,應該都會接觸過 Redux 或 Vuex 這類的狀態管理工具,在 Flutter 中也存在這類的工具。例如很...

鐵人賽 Mobile Development DAY 16

技術 Day 16 路由與 Navigator 1.0 vs 2.0

或許這是您一直期望說明的環節 - 關於如何切換頁面。行動裝置應用程式通常會被組織成多個頁面。你使用過的許多應用程式應該都使用這樣的設計。例如一個應用首先呈現的是...

鐵人賽 Mobile Development DAY 17

技術 Day 17 轉場與資料傳遞

應用程式畫面的轉場看起來絲滑可以增加使用者體驗,反過來說轉場不流暢也會影響體驗。 如同我們之前見過的, MaterialPageRoute 和 Cupert...

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

技術 dart&flutter學習之旅-Day29

Create lists with different types of items 有時候可能需要建立顯示不同類型內容的list,例如標題和其顯示的內容是不同...

技術 Flutter 01

##Flutter OverviewBasiclly, “Widget” act as the bedrock of flutter application....

鐵人賽 Mobile Development DAY 24

技術 Day 24 使用 Google Map

實務上許多應用會需要使用到地圖的功能,使用 Google 的 google_maps_flutter 可以輕鬆的讓我們的應用程式支援地圖功能。該套件可以自動存取...

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

技術 dart&flutter學習之旅-Day06

前言 今天會把dart裡常用的constructor介紹完畢,並且會進到Iterable collections的範圍,Iterables是dart應用程式中最...

技術 【WideLab暑假之旅】Week01(2023/07/03-07/07)

👀寫在前面:Flutter初心者胡亂摸索&臨場上陣的實驗室紀錄♡( ՞ .ˬ. ՞)⸝ (♡˙︶˙♡) 本文HackMD版本網址參見 開始囉! 2023...

鐵人賽 自我挑戰組 DAY 2

技術 [鐵人賽 Day 2] Kotlin & Flutter 建立元件的方式(一) - 文字元件

討論範圍 比較 Kotlin 和 Flutter 建立 View 的差異之處。 範例 以建立文字 "阿寶" 為例。 Kotlin 檔案...

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

技術 dart&flutter學習之旅-Day12

Add the visible widget to the layout widget 所有layout widget都具有以下任一個條件: 如果他們只有一個...

鐵人賽 Mobile Development DAY 14

技術 Flutter Developer Learning SwiftUI. @State var lesson14 = "形狀"

Today Preview 1. 我一開始是這麼寫的但是Shape們並不直接Conform View這個Protocol所以變成AnyView之後型別被擦除...

技術 Flutter 09

ColumnBasically column widget works like rows widget but in different directio...

技術 Flutter 06

Button And IconsIn Flutter we can add Button and Icon Widget as well. Icons...

鐵人賽 Mobile Development DAY 25

技術 [Day 25] 實戰新聞 APP - 擴充使用者資料 Part 2 (上傳圖片至 firebase storage)

目前為止我們的帳號頁面提供了編輯個人的姓名、信箱與自我介紹的功能。還記得我們昨天定義的 UserModel 嗎?讓我們複習一下: class UserModel...

鐵人賽 Mobile Development DAY 6

技術 Day 6 Dart 物件導向 (上)

類別 Class 和結構 在 Dart 中所有東西都是一個物件 - 每一個儲存在變數的「值」都是某個類別的物件實例。所有物件都繼承自 Object 類別。這種設...

鐵人賽 Mobile Development DAY 27

技術 Flutter Developer Learning SwiftUI. @State var lesson27 = "call RESTful API"

Today Preview 1. 正文 今天就來裝個套件、串個接口、轉個模型、秀個資料 裝個套件 雖然原生就有提供URLRequest等等與網路交互的方法不叫...

鐵人賽 Mobile Development DAY 8

技術 Day 8: MediaQuery 優化後與 InheritedModel 如何進行指定更新

上一篇我們討論了 MediaQuery 是什麼、它的正常使用方式,並稍微帶大家分析背後源碼的運作流程。本文要了解在 Flutter 3.10 改版後,Inhe...

鐵人賽 Mobile Development DAY 10

技術 Day 10 認識內建組件 Widgets

Text Text( "文字", style: TextStyle(color: Colors.red, fontSize: 14),...

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

技術 dart&flutter學習之旅-Day17

GridView gridview可以以二維List的方式排列widget們,gridview有兩種預設的list,或是你可以客製化自己要的grid。gridv...

鐵人賽 Mobile Development DAY 21

技術 Flutter Developer Learning SwiftUI. @State var lesson21 = "列表(下)"

Today Preview List三部曲完結篇了 1. 下拉刷新+搜尋 下拉刷新的話很單純,請用.refreshable(),一句話講完搜尋的話有個前提是必...

技術 Flutter 02

##Scaffold & AppBar Widgets In the code below, we use Scaffold as the root W...

鐵人賽 自我挑戰組 DAY 11

技術 [鐵人賽 Day 11] Kotlin & Flutter 元件比較(二) - Flutter ListView 實例

目的 示範 Flutter ListView 實際例子 實例主題 用 ListView 元件列出書名、作者和購買日期 以下為完成畫面截圖: Flutter...