iT邦幫忙

flutter相關文章
共有 188 則文章
鐵人賽 Mobile Development DAY 13
iOS Developer Learning Flutter 系列 第 13

技術 iOS Developer Learning Flutter. Lesson12 還是~列表(輸入與開合)

Today Preview 1. 如果有用戶輸入的情況, 如何不讓資料跑掉? 原本我以為如果是用children方式建立的ListView TextFie...

鐵人賽 Mobile Development DAY 27

技術 days[26] = "為什麼Flutter的渲染樹這麼複雜?(上)"

如果你有在Follow這系列的話,應該會注意到我們每次談到關於三顆渲染樹中的細節時,事情總是會變得非常有趣。具體上來說,我指的是這幾篇的內容: days[4...

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

技術 iOS Developer Learning Flutter. Lesson11 又是列表(置頂與刷新)

昨天我們講了列表的基本用法 今天講講列表非常常見的兩種功能 header置頂與下拉刷新(附贈上拉加載) Today Preview 1. header置頂...

鐵人賽 Mobile Development DAY 26

技術 days[25] = "為什麼動畫需要Ticker?"

類似之前的為什麼build()在State裡?,這也是我剛開始學Flutter的時候,心裡曾經出現的小小疑問。如果你有在看這系列,應該會常常看到我使用Timer...

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

技術 iOS Developer Learning Flutter. Lesson10 列表

ListView有兩種用法 使用children 跟 使用builder 使用children就是會一次事先把所有widget都create出來 使用build...

鐵人賽 Mobile Development DAY 25

技術 days[24] = "Flutter Web是怎麼運作的?(下)"

上一篇我們談到整個Flutter App+Framework在Web上可以直接編譯成Javascript來執行,而Flutter Framework在最終產出L...

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

技術 iOS Developer Learning Flutter. Lesson9 選擇器

今天可不是講selector喔(笑) Today Preview Cupertino Flutter提供了一系列iOS Style風格的元件 所有的UICon...

鐵人賽 Mobile Development DAY 24

技術 days[23] = "Flutter Web是怎麼運作的?(上)"

就和之前提的狀態管理一樣,Web的支援在Flutter社群也是一個熱門到有點好笑的話題,幾乎每一兩週就會有人問「現在stable了嗎?」「可以上producti...

鐵人賽 Software Development DAY 24

技術 Dart 食之無味,棄之可惜

寫在前面 Dart是由google開發的語言 目的是讓同一套程式碼可以跨平台編譯 注意,跟JAVA編譯一次後到處執行是不同的喔,Dart雖然也只需要寫一次程式碼...

鐵人賽 Mobile Development DAY 9

技術 iOS Developer Learning Flutter. Lesson8 圖片

今天的文章竟然用到五級標題...是在寫論文嗎...= = Today Preview 1. 基本用法 1.1 跟以前類似, 有分UIImageView(就是...

鐵人賽 Mobile Development DAY 23

技術 days[22] = "如何做一個Pacman遊戲?"

雖然說這個系列到目前為止的主軸是介紹一些Flutter底層實作,或是一些設計模式、觀念、函式庫的分析等等,其實最初的目標就是只希望可以寫一些沒有被寫過一百遍的東...

鐵人賽 Mobile Development DAY 8

技術 iOS Developer Learning Flutter. Lesson7 按鈕與對話方塊

Today Preview 1. 按鈕 以前的按鈕iOS跟Android都只有一種 但Flutter光常用的就有3+1+1種 據說總共有10種以上 所有按鈕都...

鐵人賽 Mobile Development DAY 22

技術 days[21] = "Layout是怎麼運作的?"

我們在上一篇提到在Flutter整個Render Pipeline中,光是Layout這個步驟就值得獨立一篇出來討論,因此今天我們就繼續來深入研究整個Layou...

鐵人賽 Mobile Development DAY 7

技術 iOS Developer Learning Flutter. Lesson6 文字顯示與輸入

去年滿無聊的 做了一張iOS與Android元件比較圖 不過今年我知道錯了 聽說Flutter的元件有330個以上 我可列不完XD 不過Flutter不愧是UI...

鐵人賽 Mobile Development DAY 21

技術 days[20] = "Render Pipeline是怎麼運作的?"

我們在之前的文章中已經花了不少的篇幅來探索Flutter的三顆渲染樹是怎麼運作的,不過其實這也只是整個Flutter Render Pipeline的一部分而已...

鐵人賽 Mobile Development DAY 20

技術 days[19] = "Event Loop是怎麼運作的?"

我們在昨天的文章裡提到,每一個Isolate只會有單一執行緒,而我們在這個執行緒上所有的異步處理,都是靠Event Loop機制來完成的。今天我們就繼續來看看這...

鐵人賽 Mobile Development DAY 5

技術 iOS Developer Learning Flutter. Lesson4 畫面佈局

我認為學習前端技術的第一步 都是先了解如何layout 再去學習各個Components的特性 接著再逐漸擴展到其他功能(例如打API之類的) 而Flutter...

鐵人賽 Mobile Development DAY 19

技術 days[18] = "Isolate是怎麼運作的?"

很久很久以前,我還在寫Android的時候,要做異步處理有很多選擇。從早期的AsyncTask,中期的Rx,到後來的Coroutine,不只是異步處理的語法越來...

鐵人賽 Mobile Development DAY 4

技術 iOS Developer Learning Flutter. Lesson3 頁面跳轉

終於到了寫code的部分了 Talk is cheap. Show me the code. 接下來我們趕快來看看如何讓Flutter動起來吧 1. 關於W...

鐵人賽 Mobile Development DAY 18

技術 days[17] = "為什麼你應該嘗試從Provider升級到Riverpod?(下)"

讓我們從複習一下InheritedWidget開始,這是我能做到的最簡單的InheritedWidget範例。可以看到,除了我們必須改為繼承長得跟Statele...

鐵人賽 Mobile Development DAY 3

技術 iOS Developer Learning Flutter. Lesson2 第一印象

1. App的靈魂:icon 我個人覺得icon是一個專案很重要的部分 就像Avatar一樣 是一個第一印象 是你識別他很重要的來源 所以我只要開了新的專案 第...

鐵人賽 Mobile Development DAY 17

技術 days[16] = "為什麼你應該嘗試從Provider升級到Riverpod?(上)"

因為Riverpod是由Provider的作者Rémi Rousselet重新打造的Provider威力加強版。好講完了,可以收工了。什麼?又不到300字?好吧...

鐵人賽 Mobile Development DAY 2

技術 iOS Developer Learning Flutter. Lesson1 依然哈囉

學習所有語言首先永遠是跟世界打招呼 目的在於確立開發環境的建立是否成功 1. 環境建立 step1 以往iOS或Android開發的第一步 都是先下載IDE 而...

鐵人賽 Mobile Development DAY 16

技術 days[15] = "為什麼你應該使用StatelessWidget而非Functional Widget?"

相信大家應該都遇過這種狀況: Column( children: [ Text("FOO", style: Te...

鐵人賽 Mobile Development DAY 1

技術 iOS Developer Learning Flutter. 開場白

哈囉咪那桑 又到了一年一度的鐵(ㄗˋ)人(ㄌㄩㄝˋ)賽了 今年《iOS Developer Learning》系列的主題是Flutter 本來之前一直想學Rea...

鐵人賽 Mobile Development DAY 15

技術 days[14] = "想瞭解Hot Reload如何運作,就自己來實作!"

對,我說真的,今天的內容其實沒有很難。我們只需要稍微把Dart VM叫出來溝通一下,全部程式碼頂多30行,也沒有什麼複雜難理解的邏輯。最重要的是這很有趣,一起來...

鐵人賽 Mobile Development DAY 6

技術 眺望統一的第六天:App 設計和 Kotlin range 亂數

「喔喔,臉色變好了啊。」坐隔壁的喵先生,向正要下班的我們打招呼。因為桌上有很多貓咪玩偶,所以大家都叫他喵先生。 「對呀,稍微調整了一下作息。」老姐抬手做了一個眺...

鐵人賽 Mobile Development DAY 14

技術 days[13] = "IntelliJ/AS做得比VSCode好的幾件事"

老實說這系列真的是寫到心很累,總之今天大家就稍微輕鬆一點,來戰個IDE吧。 最近因為工作的關係,一下寫web(WebStorm)一下寫backend(Intel...

鐵人賽 Mobile Development DAY 13

技術 days[12] = "key是如何影響updateChildren的?"

updateChildren將會是我們目前看過最複雜的函數,不論是國內外都找不到深入剖析它的文件。所以趕快來成為全世界少數真正瞭解它的運作方式的人吧!誰知道呢?...

鐵人賽 Mobile Development DAY 12

技術 days[11] = "為什麼要有key?"

我覺得key是一個蠻奇妙的東西。它是Widget(base class)——整個Flutter中最重要的class——唯一的一個參數,但它的應用場景卻實在不是那...