Flutter

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

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操作系統，開發代號稱作「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'),
        ),
      ),
    );
  }
}

外部連結

• 官方網站