iT邦幫忙

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

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

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

鐵人賽 Mobile Development DAY 5

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

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

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

技術 【Day 4】Flutter MaterialApp UI 架構

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

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

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

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

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 1

技術 iOS Developer Learning Flutter. Lesson0 開場白

哈囉咪那桑 又到了一年一度的鐵(ㄗˋ)人(ㄌㄩㄝˋ)賽了 今年《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 1

技術 【Day 1】前言

今日要點: 》參賽。 》下定決心發出第一篇文。 在報名截止前,發出第一篇文了,希望能跑完30天。 這系列是記錄初接觸 Flutter,完全沒寫過半行 Dart...

鐵人賽 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——唯一的一個參數,但它的應用場景卻實在不是那...

鐵人賽 Mobile Development DAY 11

技術 days[10] = "Plugin是怎麼運作的?"

大家在開發Flutter的時候應該免不了會使用到Plugin吧,或許你也已經熟悉幫助Plugin實現原生溝通的Platform Channel,甚至可能你自己就...

鐵人賽 Mobile Development DAY 11
Flutter App 開發實戰 系列 第 11

技術 來做個儲值頁面吧 [DAY 11]

這個專案會有需要讓使用者進行儲值的動作,所以我們就要來設計一個選擇儲值金額的頁面,頁面上需要顯示目前的餘額、4種金額可以選取和前往付款的按鈕,今天我們會先從 U...

鐵人賽 Mobile Development DAY 10

技術 days[9] = "為什麼需要依賴注入?(下)"

或:為什麼你以為的依賴注入可能不是依賴注入,如果你是從Flutter社群學到這個詞的話... 上一篇我們以MusicRecommender為例,說明了若在類別...

鐵人賽 Mobile Development DAY 10
Flutter App 開發實戰 系列 第 10

技術 專案的好幫手 Firebase |補充篇 [DAY 10]

在 firebase 中最重要的部分就是,它提供了實時監聽的功能,當資料庫的狀態被改變時,我們能夠很及時的拿到更新後的資料,這個部分在 iOS 與 Androi...

鐵人賽 Mobile Development DAY 9

技術 days[8] = "為什麼需要依賴注入?(上)"

總之,依賴注入就是為了使程式更有彈性,把class A需要的class B從外面傳入。好的講完了,可以收工了。什麼?還不到300字?好吧,繼續來混一些字數......

鐵人賽 Mobile Development DAY 9

技術 Flutter 常用組件講解 | ListViewWidget | 動態清單

動態清單的使用 | 參數如何傳遞與接收? 動態清單的使用 Dart 中 List 類型的使用 List 類型簡介, 可以簡單理解為 js 中的數組 聲明...

鐵人賽 Mobile Development DAY 9
Flutter App 開發實戰 系列 第 9

技術 專案的好幫手 Firebase |使用篇 [DAY 9]

寫一寫覺得篇幅太大所以拆成兩篇來用完成,有什麼問題也可以直接留言詢問,那就讓我們開始對 firebase 的 database 做基本的操作吧。 如果還沒部署成...

鐵人賽 Mobile Development DAY 8
Flutter App 開發實戰 系列 第 8

技術 專案的好幫手 Firebase |部署篇 [DAY 8]

目前在開發的這個應用沒有後端幫忙也沒有寫好的 api 可以使用,所以我們就只能自立自強了! 自己開始寫後端架server,那我可能就沒時間在這邊發文了,還好有...

鐵人賽 Mobile Development DAY 8

技術 days[7] = "三顆渲染樹是如何運作的?(四)"

我保證這是渲染樹系列最後一篇了,我們將走訪完MyTimer的渲染和更新,看完你就會成為全台灣少數幾個真正瞭解三顆渲染樹運作方式的人了。還在看的人撐下去啊,終點就...

鐵人賽 Mobile Development DAY 8

技術 Flutter 常用組件講解 | ListViewWidget 補充

橫向列表和自訂群組件講解 橫向列表的使用 製作橫向列表, 小例子 @override Widget build(BuildContext context...

鐵人賽 Mobile Development DAY 7

技術 days[6] = "三顆渲染樹是如何運作的?(三)"

接下來我們就要來實際走訪一次整個渲染流程,看看Flutter App是怎麼啟動,三顆渲染樹是怎麼從無到有被建立起來,又是怎麼更新的。 首先介紹一下這次要使用的範...

鐵人賽 Mobile Development DAY 7

技術 Flutter 常用組件講解 | ListViewWidget

ListViewWidget 清單組件講解 ListView 元件的使用 基本 Flutter 框架 import 'package:flutter/mat...