Flutter

Flutter

原作者	Google
開發者	Google與社群
首次發布	Alpha (v0.0.6) / 2017年5月​（2017-05）
目前版本	3.24.5（2024年11月13日；穩定版本）
原始碼儲存庫	github.com/flutter/flutter
程式語言	Dart
平台	Android、iOS、Google Fuchsia、Web平台、Windows、macOS和Linux
類型	應用程式框架
許可協定	3句版BSD許可證
網站	flutter.dev

Flutter是一個由谷歌開發的開放原始碼跨平台應用程式軟體開發套件，用於為Android、iOS、Windows、macOS、Linux Desktop、Google Fuchsia開發應用程式。

Flutter第一個版本支援Android作業系統，開發代號稱作「Sky」。 它於2015年4月的Flutter開發者會議上被公布，宣稱其目標為實現120FPS的彩現效能。在上海Google Developer Days的主題演講中，Google宣布了Flutter Release Preview 2，這是Flutter 1.0之前的最後一個重要版本。2018年12月4日，Flutter 1.0在Flutter Live活動中發布，是該框架的第一個「穩定」版本。2019年12月11日，在Flutter Interactive活動上發布了Flutter 1.12，宣布Flutter是第一個為環境計算設計的UI平台。2022年5月12日，在 Google I/O 2022 發布了 Flutter 3，正式支援了 Windows、macOS、Linux 等作業系統。

框架組織

Flutter的主要組成部分包括：

• Dart平台
• Flutter引擎
• 基礎程式庫
• 客製化設計語言的元件
• Flutter DevTools

Dart平台

Flutter是使用Dart語言編寫，並利用該語言的許多進階功能。

在Windows、macOS和Linux上，Flutter在Dart虛擬機器中執行，該虛擬機器具有即時編譯執行引擎。在編寫和除錯應用程式時，Flutter使用即時編譯功能進行「熱重載」(Hot Reload)，可以將對原始檔的修改注入正在執行的應用程式中。Flutter透過支援有狀態的熱多載來擴充此功能，在大多數情況下，對原始碼的更改可以立即在執行的應用程式中反映出來，而無需重新啟動或遺失任何狀態。Flutter實現的此功能已廣受讚譽。

Flutter應用程式的發布版本在Android和iOS上都進行了提前（AOT, Ahead Of Time）編譯，使Flutter在行動裝置上可以高效能地執行。

Flutter 引擎

Flutter的引擎主要使用C++開發，透過Google的Skia圖形函式庫提供底層彩現支援，亦提供平台相關的SDK，例如Android和iOS。Flutter引擎是用於代管Flutter應用程式的可移植的執行環境。它實現了Flutter的核心程式庫，包括動畫和圖形、檔案和網路I/O、可訪問性支援、外掛程式架構以及Dart執行環境和編譯工具鏈。大多數開發人員將透過Flutter框架與Flutter進行互動，該框架提供了一個現代、回應式的框架，以及一組豐富的平台、版面配置和基礎元件。

基礎程式庫

基礎程式庫由Dart編寫，提供了用Flutter組建應用程式所需的基本的類別和函式，例如與引擎通訊的API。

元件

Flutter是透過組織、建立不同的元件完成使用者介面設計的。在Flutter中，一個元件代表使用者介面中不可變的一部分；包括文字、多邊形以及動畫在內的所有圖形都是用元件建立的。複雜的元件由簡單的元件結合而成。

客製化設計風格的元件

Flutter框架包含了兩套符合特定設計語言的元件。 稱作Material Design的元件實作的是同名的谷歌設計語言，稱作Cupertino的元件實作蘋果公司iOS的人機介面指南（Human interface guidelines） 。

第三方擴充

Flutter 使用 pub （頁面存檔備份，存於網際網路檔案館） 管理第三方依賴包。在專案的 pubspec.yaml 中，開發者可以指定每個相依項的版本範圍，或者固定版本號。

IDE

Flutter支援使用 Visual Studio Code 或 Android Studio ，需要安裝 Flutter 外掛程式和 Dart 外掛程式。

在中國大陸，由於防火長城的存在，需要切換軟體源才能正常安裝Flutter。

Hello World 範例

一個Flutter中的Hello World程式如下所示：

import 'package:flutter/material.dart';

void main() => runApp(HelloWorldApp());

class HelloWorldApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hello World App',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Hello World App'),
        ),
        body: const Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

外部連結

• 官方網站