iT邦幫忙

flutter相關文章
共有 512 則文章
鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 30

技術 days[29] = "為什麼要瞭解底層實作?為什麼要問為什麼?"

雖然作為結尾也還算切題,但仔細想想或許更應該把它放在這系列的開頭?我想這可能是個雞生蛋蛋生雞的問題。如果不先討論我們為什麼要瞭解Flutter這麼多的實作細節和...

鐵人賽 Mobile Development DAY 8

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

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

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

技術 iOS Developer Learning Flutter. Lesson23 ImagePicker

由於Flutter屬於UI框架所以很多跟系統溝通的功能必須透過套件完成從今天起會介紹一些開發中常常需用到的輪子 Today Preview 很基本的功能使用i...

鐵人賽 Mobile Development DAY 20

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

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

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 23. GitHub 身份驗證、登入(改)

本系列同步發表在 個人部落格,歡迎大家關注~ GitHub 身份驗證 GitHub 提供的身份驗證方式有兩種: 基礎認證(Basic Authentic...

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Mobile Development DAY 16

技術 用 Flutter 開發一個 Android App 吧 - Day 16. 題外話、活動頁(改)及議題頁(改)

本系列同步發表在 個人部落格,歡迎大家關注~ 題外話 到昨天,本人就撐完此系列的一半了,可喜可賀~ 不過在這資訊時代,難免會在意自己文章被別人閱讀的想法或...

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

技術 來做個登入畫面吧 [DAY 2]

預先準備 Widget Flutter 框架中的核心物件,他可以被加入到畫面的渲染樹中,如果有新的 Widget 將會被取代,不具備可變的狀態,我們也不會去...

鐵人賽 Mobile Development DAY 5

技術 Flutter 常用組件講解 | ContainerWidget

ContainerWidget 容器組件講解 Container 容器組件 如何興建容器組件 @override Widget build(BuildCon...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 18. 個人頁面(大改)

本系列同步發表在 個人部落格,歡迎大家關注~ 個人頁面 - Star 頁面 在 Day 8 的時候,個人頁面的 Star Tab,我並沒有實作 StarRe...

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 5

技術 Flutter體驗 Day 5-Widget 樂高積木

Widget樂高積木 在開始實作App之前,我們需要認識 Flutter 程式架構的基本概念。 回顧 Flutter 的程式碼 我想要先帶大家理解一下Flutt...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 24. 登入表單(GithubLoginForm)、Toast 訊息

本系列同步發表在 個人部落格,歡迎大家關注~ -- 第二階段最後一天了,來作一些小修改吧~ 登入表單 繼昨天的增加了登入驗證後,我發現登入頁面(LoginP...

鐵人賽 Modern Web DAY 25
Flutter web 的奇妙冒險 系列 第 25

技術 Day 25 | Flutter 路由管理套件 - auto_route

Navigator 1.0 Flutter 有內建一個路由管理 API Navigator ,而Flutter也在今年發表了 Navigator 2.0 但因...

鐵人賽 Mobile Development DAY 15

技術 用 Flutter 開發一個 Android App 吧 - Day 15. GitHub API 初體驗、倉庫頁(改)

本系列同步發表在 個人部落格,歡迎大家關注~ GitHub API 初體驗 本人在這專案之前是完全沒使用過 GitHub API 的,所以我是以新手之姿來串...

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 20

技術 [Day20] Flutter GetX routing

這篇主要講GetX在頁面切換之間的路由(上下頁的前後文關係)初步先建立一個routes的資料夾 裡面主要有三個檔案 app_pages.dart主要定義了有哪...

鐵人賽 Mobile Development DAY 28

技術 【Day 28】練習專案 1/2 - NFC、Barcode、fontFamily、Stack、sliding_up_panel

今日要點》前言》介紹 Demo 專案》程式架構研究 前言 前面精選了很多在 Github 上很多高手寫的專案,都很值得我繼續研究學習。接下來2幾天,記錄一下我...

鐵人賽 Mobile Development DAY 10

技術 [Day10] Flutter GetX flutter_slidable ListView滑動

Flutter slidable Flutter listView左右滑動後出現的選項,(iOS的 tableView swipe actions) 這次將在首...

鐵人賽 Mobile Development DAY 1

技術 [Day 1] 介紹與前言

前言 為何會投入這個肯呢?原因是我本是學前端的部分,但我覺得前端做了一陣子了想碰碰些新的東西,以前有試著嘗試過React-Native,當時因為一些原因而放棄了...

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

技術 從頭開始一起開發 App [DAY 1]

在今年初剛接觸 Flutter 就有需求需要做跨平台的開發,剛好有機會可以拿來練習,但是因為本人拖延症嚴重,沒有人逼我感覺就會偷懶,希望透過鐵人賽好好矯正自己懶...

鐵人賽 Mobile Development DAY 1

技術 【Day 1】前言

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

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

技術 iOS Developer Learning Flutter. Lesson28 打包上架

本來是這麼打算的啦 但翻了一下文件(iOS, Android)應該是跟以前打包方式差不多頂多就是多了 flutter build ios 或 flutter...

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 14

技術 Flutter體驗 Day 14-容器組件

容器組件 在網頁開發的過程裡,我們習慣會使用div作為一個容器,因為在 html 語意上它是不特別代表任何東西的容器,因此通常會用它來進行一些 css 樣式的使...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 25. Flutter 中的狀態管理

本系列同步發表在 個人部落格,歡迎大家關注~ Flutter 中的狀態管理 目前本人根據讀到的文件理解,我個人是分成兩大類: 短時(Ephemeral)...

鐵人賽 Mobile Development DAY 14

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

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

鐵人賽 Mobile Development DAY 22

技術 Flutter體驗 Day 22-Model

Model 資料層 在開發應用程式的過程裡,我們通常會定義 Model 的類別用來處理資料結構或是資料儲存上的使用。 舉個簡單的例子,定義一個 JSON { &...