iT邦幫忙

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

技術 dart&flutter學習之旅-Day21

將container裡的屬性動畫化 Container class提供了方便的方法來創建具有特定屬性的widget:寬度、高度、背景顏色、填充、邊框等。簡單的動...

鐵人賽 Mobile Development DAY 9

技術 Flutter Developer Learning SwiftUI. @State var lesson9 = "挑選器"

Today Preview 1. 正文 SwiftUI超多picker的總共有五種default, menu, segmented, wheel, inlin...

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

技術 dart&flutter學習之旅-Day27

前言 今天要介紹flutter cookbook裡的list技巧,list相關的技巧也非常容易被使用到 Create a grid list 有時候可能會想用g...

技術 【Flutter】筆記-Image應用

定義一個容器在容器child放入圖片 Image.network Image.asset Center( child: Container(...

鐵人賽 Mobile Development DAY 27

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

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

鐵人賽 Mobile Development DAY 10

技術 [Day 10] 實戰新聞 APP - 前置作業 (JSON Server / Vercel / APP 設計稿)

今天我們將開啟一個全新的專案,製作一款新聞 APP。如果你是有年年在關注 iOS 更新的人應該會知道蘋果曾經在數年前發表一款 Apple News 的內建新聞軟...

鐵人賽 Mobile Development DAY 21

技術 Day 21: 帶你完整探索 DevTools, Flutter Inspector 與 Performance 用法 (Debugging with DevTools - part1)

大家對於 DevTools 還熟悉嗎?專屬於 Flutter 的 Debugging 工具,本身也是使用 Flutter 進行開發,以這工具來看,就可以知道...

鐵人賽 Mobile Development DAY 10

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

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

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

技術 dart&flutter學習之旅-Day06

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

鐵人賽 Mobile Development DAY 23

技術 [Day 23] 實戰新聞 APP - 製作本機通知訊息吧

當我們在使用手機時經常會收到來自於不同應用程式的各種通知。包括由遠程的服務發送的通知(如:Line 訊息、Facebook 好友邀請通知等),以及來自於本機的通...

鐵人賽 Mobile Development DAY 30

技術 Day 30: The End to Start, Be a Contributor

嗨,大家好,再次自我介紹,我是陳虔逸、Yii Chen,一位 Flutter 愛好者以及推廣者,專注跨平台開發,除了投入技術寫作外,也是活躍講者。擁有 7 年...

鐵人賽 Mobile Development DAY 25

技術 Flutter Developer Learning SwiftUI. @State var lesson25 = "頁籤(下)"

Today Preview 1. 正文 "頁籤(上)"介紹的tab長在下面而"頁籤(下)"介紹的tab卻長在上面XD...

技術 【自學Flutter隨意紀錄】開始安裝時遇到的各種令人厭煩的issues

大家好我是容易放棄的前工程師,我想寫自己的APP很久了但每次環境設定就讓我止步,經過了一年的怠惰放棄最終進行了往前一步的嘗試,感謝ChatGPT還有Gemini...

鐵人賽 Mobile Development DAY 16

技術 Flutter Developer Learning SwiftUI. @State var lesson16 = "佈局"

Today Preview 1. 正文 其實基本的佈局不外乎就是3Stack + padding今天談一些輔助佈局的東西 1.1 前面某集有提到SwiftU...

鐵人賽 Mobile Development DAY 16

技術 Day 16: 聊聊 Flutter 圖像使用的良好習慣,記憶體掌握與優化!

相信大部分 APP 都會使用到圖片,可能場景有貼文牆、大頭照、上傳圖片等等,在實作時大家是否有關心過記憶體的使用情況呢?或許在開發時、在自己的裝置上都運行的順...

鐵人賽 Mobile Development DAY 9

技術 [Day 09] Stateless & Stateful Widget

Stateless 與 Stateful widget 是在建構頁面之前,你應該要先仔細思考該頁面是否會有 state 變化的產生而去選擇應該使用的類型。 在...

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

技術 dart&flutter學習之旅-Day26

Work with tabs 使用Tab搭配App也是一種在flutter非常常見的用法,總共有以下3步可以建出tab: 創建TabController 創建...

鐵人賽 Mobile Development DAY 7

技術 Flutter Developer Learning SwiftUI. @State var lesson7 = "按鈕"

Today Preview 1. 正文 Button可以說是最常見跟user互動的元件了今天介紹了Button的實現方式跟樣式基本上可以使用兩種方式來實現...

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

技術 dart&flutter學習之旅-Day17

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

技術 Flutter 錯誤處理及客製化錯誤訊息

當我們在執行Flutter app時, 我們無法控制一切因素, 所以一定會有錯誤的出現, 那如何處理錯誤就成了一門必學的課程了! 基本的錯誤處理 Future&...

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

技術 dart&flutter學習之旅-Day29

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

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

技術 dart&flutter學習之旅-Day18

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

鐵人賽 Mobile Development DAY 14

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

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

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

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

鐵人賽 Mobile Development DAY 20

技術 Day 20: Riverpod 的開發多元性以及日常使用技巧!Provider 該如何選擇?

Riverpod 是什麼?相信大家都已經有初步了解了,甚至大家都已經運用在自己的專案了對吧?它本身的使用方式很多樣,是個很靈活的框架,但在很方便開發的同時,也...

鐵人賽 Mobile Development DAY 6

技術 Flutter Developer Learning SwiftUI. @State var lesson6 = "顯示圖片"

Today Preview 1. 正文 「先感謝蒼老師今天來代課❤️」 今天示範了Image幾個常見的效果首先最重要的是:先套.resizable再說預設會填...

鐵人賽 Mobile Development DAY 26

技術 [Day 26] 進階技巧 - Splash Screen 與 Welcome Screen

Splash Screen (啟動畫面)是一個應用程式在啟動時短時間顯示的畫面,通常該畫面用於展示和強調應用程式的品牌,同時在顯示畫面同時,應用程式也會用於進...