軟體開發階段「偵錯、除錯」是重要的環節。通過偵錯我們修正小錯誤,修正奇怪的效果和邏輯等等。 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 類別。這種設...
在 Dart ,Flutter 的程式設計中,控制流程和迴圈同樣是非常基本且重要的概念,Dart 的控制流程語法基本上和其他語言非常類似,當然也存在一些獨特之處...
本篇內容我們將開始介紹 Dart 的一些基礎知識以及在使用 Flutter 時常見的語法或功能。畢竟,我們的目標是開發 Flutter 應用程式。 Googl...
為了對 Flutter 專案有個大略的認識,下面我們將快速實作一個簡單的應用。 建立專案 $ flutter create my_app # 或者使用更多參數...
Flutter 概述 隨著行動裝置和其應用程式在日常生活變得不可獲缺,開發者或對於企業來說同時支援多種平台成為了一個需求,進而導致開發者追尋一種解決方案 - 可...
從 10 年前一腳踏入 React 的世界 (Reactjs 30 天邊做邊學系列) ,當時被其革命性的功能吸引,自然而然之後在跨平台 Mobile 應用程式...
大家好我是容易放棄的前工程師,我想寫自己的APP很久了但每次環境設定就讓我止步,經過了一年的怠惰放棄最終進行了往前一步的嘗試,感謝ChatGPT還有Gemini...
定義一個容器在容器child放入圖片 Image.network Image.asset Center( child: Container(...