iT邦幫忙

flutter相關文章
共有 547 則文章

技術 Shorebird - Flutter 版 Code Push

為了更加全面的評估分析實務上使用的需求,這裡我們進一步介紹 Flutter 的 Code Push。 首先關於「Code Push」 這個術語的起源最初我是...

技術 了解 Composited Layer 進行應用程式效能優化

在 Flutter 中,除了 Widget、Element、和 RenderObject 結構外,還有一個 Layer 結構。就像 Element 結構在建構階...

技術 錯誤處理

Flutter 能夠自動處理在其內部運作過程中出現的錯誤。比如渲染畫面、安排組件位置、建立使用者介面時,如果出現錯誤,Flutter 會自動攔截這些錯誤。但如果...

技術 Rive - 動畫解決方案新選擇

在這之前,我們介紹了關於 Lottie 一個近年來常見的動畫解決方案。然而隨著技術的進步,現在我們還可以選擇一個更強大的替代品 - Rive。 基本上 Rive...

技術 最佳實踐 2024 年版

Flutter 無疑的是一個高效率的跨平台解決方案。桌面、行動裝置的應用程式都可以使用它建置創新的軟體服務。在這個時間點,如果您剛要學習應用程式開發或者有跨平台...

鐵人賽 Mobile Development DAY 30

技術 Flutter 藍芽通訊使用 flutter_blue_plus

隨著藍芽普及成為生活中幾乎是不可或缺的一部分,它實現了裝置之間無線傳輸連線。在開發行動應用程式時,尤其涉及 IoT 或週邊裝置如耳機的應用程式時,整合藍芽功能就...

鐵人賽 Mobile Development DAY 30

技術 Day 30 發佈正式版應用程式

當我們撰寫完程式碼,也跑過測試,處理完所有問題,一切準備就緒。是時候將應用程式發佈到平台上了。 本章節將探討如何在 Apple App Store、Google...

鐵人賽 Mobile Development DAY 29

技術 Day 29 整合測試

前面提到的單元測試和組件測試用於檢查個別的類別、函式或組件。它們並不會檢查系列操作,也無法捕捉真實情境運行的效能。而「整合測試」主要用於驗證程式的系列行為是否符...

鐵人賽 Mobile Development DAY 28

技術 Day 28 偵錯

軟體開發階段「偵錯、除錯」是重要的環節。通過偵錯我們修正小錯誤,修正奇怪的效果和邏輯等等。 Flutter 支援了多種工具協助我們進行偵錯,而最簡單的方式就是通...

鐵人賽 Mobile Development DAY 27

技術 Day 27 測試

選擇 Flutter 的一個優點就是其提供了優異的工具可協助開發 - 從編輯器整合到測試等。對於應用程式開發尤其重要,不同於網頁開發,在應用程式開發中錯誤的修復...

鐵人賽 Mobile Development DAY 26

技術 Day 26 深入狀態管理

前面的文章我們已經簡單的介紹了 InheritedWidget 以及一些主流的狀態管理插件。本篇我們進一步分析各自的優缺點以及稍微深入學習它們的使用。 在選擇該...

鐵人賽 Mobile Development DAY 25

技術 Day 25 推播通知

在之前的章節中,我們大略的介紹了 Firebase,其中 Firebase Cloud Messaging(FCM) 是一個跨平台的訊息通知解決方案,可以說是幾...

鐵人賽 Mobile Development DAY 24

技術 Day 24 使用 Google Map

實務上許多應用會需要使用到地圖的功能,使用 Google 的 google_maps_flutter 可以輕鬆的讓我們的應用程式支援地圖功能。該套件可以自動存取...

鐵人賽 Mobile Development DAY 23

技術 Day 23 處理 API 請求

大多數應用程式都需要從網路上讀取資料。Dart 和 Flutter 支援 http 套件協助我們實現這類功能。 ⚠️ 注意:你應避免直接使用 dart:io...

鐵人賽 Mobile Development DAY 22

技術 Day 22 多國語系支援

若你的應用程式會發佈給一些使用其他語言的使用者,那麼就會需要支援各種語系。這表示我們需要讓應用程式支援其他語言或本地化呈現的資料。Flutter 當然提供了支援...

鐵人賽 Mobile Development DAY 21

技術 Day 21 動畫

終於我們來到了一個進階的議題 - 動畫。在 Flutter 中,很多內建的組件以及可用的插件可以協助我們建置美觀有設計感的應用程式,但除此之外,Fluttter...

鐵人賽 Mobile Development DAY 20

技術 Day 20 探索主流第三方插件

上篇我們已經學習了關於套件、插件的基礎。Flutter 擁有豐富的插件,但有時候,問題是我們不知道該從何開始又或者說我們不知道該如何抉擇。後續我們將介紹一些主流...

鐵人賽 Mobile Development DAY 19

技術 Day 19 套件管理

概覽 Flutter 很幸運有一個不錯的開發者社群,通過「插件 Plugin」的方式分享彼此程式碼。也就是這種開源的形式讓 Flutter 這類的框架得以發展。...

鐵人賽 Mobile Development DAY 18

技術 Day 18 狀態管理

在開發 Flutter 應用程式時,管理組件的狀態是一個關鍵的議題。除了直觀容易理解的使用參數來傳遞狀態,還有其他不同的方式。下面我們概略的了解一下都有什麼解決...

鐵人賽 Mobile Development DAY 17

技術 Day 17 轉場與資料傳遞

應用程式畫面的轉場看起來絲滑可以增加使用者體驗,反過來說轉場不流暢也會影響體驗。 如同我們之前見過的, MaterialPageRoute 和 Cupert...

鐵人賽 Mobile Development DAY 16

技術 Day 16 路由與 Navigator 1.0 vs 2.0

或許這是您一直期望說明的環節 - 關於如何切換頁面。行動裝置應用程式通常會被組織成多個頁面。你使用過的許多應用程式應該都使用這樣的設計。例如一個應用首先呈現的是...

鐵人賽 Mobile Development DAY 15

技術 Day 15 進階 UI 組件

Scaffold 組件 前面我們已經使用 Scaffold 組件很多次了,但對它並沒有過多著墨,其實 Scaffold 還有很多隱藏的功能可以協助我們建置一個更...

鐵人賽 Mobile Development DAY 14

技術 Day 14 樣式與佈局

或許大家應該都贊同;一個精美流暢的使用者介面可以協助提升使用者體驗,增加黏著度。 Flutter 支援很多方式可以加入樣式。首先我們會聚焦在靜態圖片,組件在閒置...

鐵人賽 Mobile Development DAY 13

技術 Day 13 表單與欄位

截至目前為止,雖然我們已經能處理手勢進行互動了,但這樣的應用程式用途還是極其有限。為了取得使用者的資料,我們會需要表單與相關組件。 Flutter 支援了各種輸...

鐵人賽 Mobile Development DAY 11

技術 Day 11 使用者輸入與手勢處理

輸入與手勢 通過 Widget 可以組織建立使用者介面,也可以支援使用者通過手勢和輸入資料來和介面互動。本文將探討用來處理使用者手勢以及使用者輸入資料的 相關...

鐵人賽 Mobile Development DAY 10

技術 Day 10 認識內建組件 Widgets

Text Text( "文字", style: TextStyle(color: Colors.red, fontSize: 14),...

鐵人賽 Mobile Development DAY 9

技術 Day 9 Widget 與使用者介面

狀態和無狀態組件(Widget) 前面我們已經了解 Widget 在 Flutter 的角色和其重要性 - Every thing is Widget, Wid...

鐵人賽 Mobile Development DAY 8

技術 Day 8 Dart 深入探索 Flutter 常用特性

檔案和匯入 注意我們的 Flutter 專案結構,會注意到有個檔案叫 lib/main.dart 裡面包含了一個類別 MyApp。這裡要提到的是,不像一些其他程...

鐵人賽 Mobile Development DAY 7

技術 Day 7 Dart 物件導向 (下)

類別的基本結構 如果你有經驗且熟悉 OOP 語言,那麼類別概念應該不會太陌生,可以跳過這章節很多段落。但 Dart 在一些細節上還是有其獨特之處,例如 Dart...

鐵人賽 Mobile Development DAY 6

技術 Day 6 Dart 物件導向 (上)

類別 Class 和結構 在 Dart 中所有東西都是一個物件 - 每一個儲存在變數的「值」都是某個類別的物件實例。所有物件都繼承自 Object 類別。這種設...