iT邦幫忙

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

技術 iOS Developer Learning Flutter. Lesson9 選擇器

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

鐵人賽 Mobile Development DAY 22

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

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

鐵人賽 Mobile Development DAY 9

技術 iOS Developer Learning Flutter. Lesson8 圖片

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

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 21

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

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 20

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

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 19

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

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

鐵人賽 Mobile Development DAY 6

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

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

鐵人賽 Mobile Development DAY 5

技術 【Day 5】flutter_layout_article - 即使是初學者也必須知道的高級佈局規則

今日要點》前言》介紹 flutter_layout_article 專案》下載並編譯 flutter_layout_article 專案 前言 好,前面開發環...

鐵人賽 Mobile Development DAY 4

技術 【Day 4】Flutter MaterialApp UI 架構

今日要點》Flutter MaterialApp 程式樣貌 為了把你推進 Flutter 坑裡, 今天來簡單介紹一下 Flutter 的樣子。 class M...

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Mobile Development DAY 3

技術 【Day 3】常用的 Flutter 指令

今日要點》常用的 Flutter 指令 指令:flutter doctor / flutter doctor -v 指令:flutter create app的...

鐵人賽 Mobile Development DAY 17

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

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

鐵人賽 Mobile Development DAY 16

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

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

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 1

技術 iOS Developer Learning Flutter. Lesson0 開場白

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

鐵人賽 Mobile Development DAY 6

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

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

鐵人賽 Mobile Development DAY 15

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

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

鐵人賽 Mobile Development DAY 2

技術 【Day 2】準備 Flutter 環境與 Hello World

今日要點》準備 Flutter 執行環境 1 - 把 Flutter SDK 下載回來。 2 - 跟 Mac OS 說:Flutter你在那兒! 3 - 預先下...

鐵人賽 Mobile Development DAY 14

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

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