iT邦幫忙

flutter相關文章
共有 570 則文章
鐵人賽 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 類別。這種設...

鐵人賽 Mobile Development DAY 5

技術 Day 5 Dart 基礎 (下)

在 Dart ,Flutter 的程式設計中,控制流程和迴圈同樣是非常基本且重要的概念,Dart 的控制流程語法基本上和其他語言非常類似,當然也存在一些獨特之處...

鐵人賽 Mobile Development DAY 4

技術 Day 4 Dart 基礎 (上)

本篇內容我們將開始介紹 Dart 的一些基礎知識以及在使用 Flutter 時常見的語法或功能。畢竟,我們的目標是開發 Flutter 應用程式。 Googl...

鐵人賽 Mobile Development DAY 3

技術 Day 3 快速入門

為了對 Flutter 專案有個大略的認識,下面我們將快速實作一個簡單的應用。 建立專案 $ flutter create my_app # 或者使用更多參數...

鐵人賽 Mobile Development DAY 2

技術 Day2 Flutter 跨平台解決方案與環境安裝

Flutter 概述 隨著行動裝置和其應用程式在日常生活變得不可獲缺,開發者或對於企業來說同時支援多種平台成為了一個需求,進而導致開發者追尋一種解決方案 - 可...

鐵人賽 Mobile Development DAY 1

技術 Day 1 源起 & 大綱

從 10 年前一腳踏入 React 的世界 (Reactjs 30 天邊做邊學系列) ,當時被其革命性的功能吸引,自然而然之後在跨平台 Mobile 應用程式...

技術 【自學Flutter隨意紀錄】開始安裝時遇到的各種令人厭煩的issues

大家好我是容易放棄的前工程師,我想寫自己的APP很久了但每次環境設定就讓我止步,經過了一年的怠惰放棄最終進行了往前一步的嘗試,感謝ChatGPT還有Gemini...

技術 【Flutter】筆記-Image應用

定義一個容器在容器child放入圖片 Image.network Image.asset Center( child: Container(...