iT邦幫忙

flutter相關文章
共有 236 則文章
鐵人賽 Mobile Development DAY 29

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

上一篇我們講到RenderObject layout和Widget/Element build的演算法是如何幫助Flutter迅速的處理節點數量龐大的渲染樹,以...

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

技術 iOS Developer Learning Flutter. Lesson13 裁判~可以讓人列完又列這樣的嗎? (多選與側滑)

我看本節目乾脆改名為《iOS Developer Learning ListView》算了 Today Preview 1. 多選 iOS要做多選列表有兩...

鐵人賽 Mobile Development DAY 15

技術 【Day 15】spaceblast - 想來場 Flutter Game 嗎

今日要點 》介紹 spaceblast 專案 》下載並編譯 spaceblast 專案 介紹 spaceblast 專案 今天要介紹的Github專案,這是偶...

鐵人賽 Mobile Development DAY 28

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

我們在上一篇提到,Flutter之所以有三顆渲染樹,而其中的各種演算法和機制之所以如此複雜,一切都是為了支援Flutter激進式複合的設計理念,讓我們可以在開發...

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

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

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

鐵人賽 Mobile Development DAY 14

技術 【Day 14】fl_chart - 需要圖型嗎?來點折線圖,條形圖,圓餅圖和散點圖吧

今日要點 》介紹 fl_chart 專案 》下載並編譯 fl_chart 專案 》程式架構研究 介紹 fl_chart 專案 今天要介紹的Github專案,是...

鐵人賽 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 13

技術 【Day 13】fun_android_flutter - 一個聊Android開發的網站APP

今日要點 》介紹 fun_android_flutter 專案 》下載並編譯 fun_android_flutter 專案 介紹 fun_android_fl...

鐵人賽 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 12

技術 【Day 12】HistoryOfEverything - 歷史的時間軸

今日要點 》介紹 HistoryOfEverything 專案 》下載並編譯 HistoryOfEverything 專案 介紹 HistoryOfEvery...

鐵人賽 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 11

技術 【Day 11】flutter_deer - UI畫面非常齊全的商務專案

今日要點 》介紹 flutter_deer 專案 》下載並編譯 flutter_deer 專案 介紹 flutter_deer 專案 今天要介紹的Github...

鐵人賽 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 10

技術 【Day 10】flutter_weather - 練習使用OpenWeatherMap API

今日要點 》前言 》申請 OpenWeatherMap API Key 》介紹 flutter_weather 專案 》下載並編譯 flutter_weathe...

鐵人賽 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 9

技術 【Day 9】canvas_clock - 一場 Flutter Clock 競賽中誕生的華麗Curves時鐘

今日要點 》前言 》介紹 Creative Creator Or Maybe Not Clock 專案 》下載並編譯 Creative Creator Or M...

鐵人賽 Mobile Development DAY 22

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

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

鐵人賽 Mobile Development DAY 8

技術 【Day 8】humanbeans-clock - 一場 Flutter Clock 競賽中誕生的布穀鳥鐘

今日要點 》前言 》介紹 humanbeans-clock 專案 》下載並編譯 humanbeans-clock 專案 前言 這次要介紹的 Github 專案...

鐵人賽 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 7

技術 【Day 7】Flutter-UI-Kit - 一組常用UI的合集

今日要點 》介紹 Flutter-UI-Kit 專案 》下載並編譯 Flutter-UI-Kit 專案 介紹 Flutter-UI-Kit 專案 今天要介紹的...

鐵人賽 Mobile Development DAY 20

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

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

鐵人賽 Mobile Development DAY 6

技術 【Day 6】Best-Flutter-UI-Templates - 超霸氣的自由宣言專案

今日要點 》介紹 Best-Flutter-UI-Templates 專案 》下載並編譯 Best-Flutter-UI-Templates 專案 介紹 Be...

鐵人賽 Mobile Development DAY 5

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

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