為了更加全面的評估分析實務上使用的需求,這裡我們進一步介紹 Flutter 的 Code Push。 首先關於「Code Push」 這個術語的起源最初我是...
在 Flutter 中,除了 Widget、Element、和 RenderObject 結構外,還有一個 Layer 結構。就像 Element 結構在建構階...
Flutter 能夠自動處理在其內部運作過程中出現的錯誤。比如渲染畫面、安排組件位置、建立使用者介面時,如果出現錯誤,Flutter 會自動攔截這些錯誤。但如果...
在這之前,我們介紹了關於 Lottie 一個近年來常見的動畫解決方案。然而隨著技術的進步,現在我們還可以選擇一個更強大的替代品 - Rive。 基本上 Rive...
Flutter 無疑的是一個高效率的跨平台解決方案。桌面、行動裝置的應用程式都可以使用它建置創新的軟體服務。在這個時間點,如果您剛要學習應用程式開發或者有跨平台...
隨著藍芽普及成為生活中幾乎是不可或缺的一部分,它實現了裝置之間無線傳輸連線。在開發行動應用程式時,尤其涉及 IoT 或週邊裝置如耳機的應用程式時,整合藍芽功能就...
當我們撰寫完程式碼,也跑過測試,處理完所有問題,一切準備就緒。是時候將應用程式發佈到平台上了。 本章節將探討如何在 Apple App Store、Google...
前面提到的單元測試和組件測試用於檢查個別的類別、函式或組件。它們並不會檢查系列操作,也無法捕捉真實情境運行的效能。而「整合測試」主要用於驗證程式的系列行為是否符...
軟體開發階段「偵錯、除錯」是重要的環節。通過偵錯我們修正小錯誤,修正奇怪的效果和邏輯等等。 Flutter 支援了多種工具協助我們進行偵錯,而最簡單的方式就是通...
選擇 Flutter 的一個優點就是其提供了優異的工具可協助開發 - 從編輯器整合到測試等。對於應用程式開發尤其重要,不同於網頁開發,在應用程式開發中錯誤的修復...
前面的文章我們已經簡單的介紹了 InheritedWidget 以及一些主流的狀態管理插件。本篇我們進一步分析各自的優缺點以及稍微深入學習它們的使用。 在選擇該...
在之前的章節中,我們大略的介紹了 Firebase,其中 Firebase Cloud Messaging(FCM) 是一個跨平台的訊息通知解決方案,可以說是幾...
實務上許多應用會需要使用到地圖的功能,使用 Google 的 google_maps_flutter 可以輕鬆的讓我們的應用程式支援地圖功能。該套件可以自動存取...
大多數應用程式都需要從網路上讀取資料。Dart 和 Flutter 支援 http 套件協助我們實現這類功能。 ⚠️ 注意:你應避免直接使用 dart:io...
若你的應用程式會發佈給一些使用其他語言的使用者,那麼就會需要支援各種語系。這表示我們需要讓應用程式支援其他語言或本地化呈現的資料。Flutter 當然提供了支援...
終於我們來到了一個進階的議題 - 動畫。在 Flutter 中,很多內建的組件以及可用的插件可以協助我們建置美觀有設計感的應用程式,但除此之外,Fluttter...
上篇我們已經學習了關於套件、插件的基礎。Flutter 擁有豐富的插件,但有時候,問題是我們不知道該從何開始又或者說我們不知道該如何抉擇。後續我們將介紹一些主流...
概覽 Flutter 很幸運有一個不錯的開發者社群,通過「插件 Plugin」的方式分享彼此程式碼。也就是這種開源的形式讓 Flutter 這類的框架得以發展。...
在開發 Flutter 應用程式時,管理組件的狀態是一個關鍵的議題。除了直觀容易理解的使用參數來傳遞狀態,還有其他不同的方式。下面我們概略的了解一下都有什麼解決...
應用程式畫面的轉場看起來絲滑可以增加使用者體驗,反過來說轉場不流暢也會影響體驗。 如同我們之前見過的, MaterialPageRoute 和 Cupert...
或許這是您一直期望說明的環節 - 關於如何切換頁面。行動裝置應用程式通常會被組織成多個頁面。你使用過的許多應用程式應該都使用這樣的設計。例如一個應用首先呈現的是...
Scaffold 組件 前面我們已經使用 Scaffold 組件很多次了,但對它並沒有過多著墨,其實 Scaffold 還有很多隱藏的功能可以協助我們建置一個更...
或許大家應該都贊同;一個精美流暢的使用者介面可以協助提升使用者體驗,增加黏著度。 Flutter 支援很多方式可以加入樣式。首先我們會聚焦在靜態圖片,組件在閒置...
截至目前為止,雖然我們已經能處理手勢進行互動了,但這樣的應用程式用途還是極其有限。為了取得使用者的資料,我們會需要表單與相關組件。 Flutter 支援了各種輸...
輸入與手勢 通過 Widget 可以組織建立使用者介面,也可以支援使用者通過手勢和輸入資料來和介面互動。本文將探討用來處理使用者手勢以及使用者輸入資料的 相關...
Text Text( "文字", style: TextStyle(color: Colors.red, fontSize: 14),...
狀態和無狀態組件(Widget) 前面我們已經了解 Widget 在 Flutter 的角色和其重要性 - Every thing is Widget, Wid...
檔案和匯入 注意我們的 Flutter 專案結構,會注意到有個檔案叫 lib/main.dart 裡面包含了一個類別 MyApp。這裡要提到的是,不像一些其他程...
類別的基本結構 如果你有經驗且熟悉 OOP 語言,那麼類別概念應該不會太陌生,可以跳過這章節很多段落。但 Dart 在一些細節上還是有其獨特之處,例如 Dart...
類別 Class 和結構 在 Dart 中所有東西都是一個物件 - 每一個儲存在變數的「值」都是某個類別的物件實例。所有物件都繼承自 Object 類別。這種設...