元件 (Widgets) 目錄
利用 Flutter 提供的視覺、結構、平台與互動元件 (Widgets) 集合,更快速打造美觀的應用程式。除了可依分類瀏覽元件外,你也可以在元件索引 (widget index)中查看所有元件。
設計系統
#Flutter 隨 SDK 提供兩套設計系統。
你可以在 Dart 與 Flutter 的套件倉庫 pub.dev 上找到更多由 Flutter 社群打造的設計系統,例如 Windows 風格的 fluent_ui、macOS 風格的 macos_ui,以及 Ubuntu 風格的 yaru 元件 (Widgets)。
基礎元件 (Base widgets)
#基礎元件 (Base widgets) 支援各種常見的繪製選項,例如輸入 (Input)、版面配置 (Layout) 與文字 (Text)。
實現 Material 2 設計指南的元件。
實現 Material 3 設計規範的視覺、行為與動態豐富元件。
回應觸控事件並導引使用者至不同畫面。
為應用程式加入動畫效果。
建立第一個 Flutter 應用程式前必須了解的元件。
讓多個元件作為父元件的子元件一起捲動。
顯示與設計文字。
管理應用程式主題、響應螢幕尺寸或加入間距。
讓您的應用程式具備無障礙功能。
以欄、列、格狀等多種方式排列其他元件。
這些元件為子元件套用視覺特效,但不改變其版面、大小或位置。
管理資源、顯示圖片與圖示。
除了 Material 元件與 Cupertino 的輸入元件外,還可接收使用者輸入。
支援 Flutter 應用程式非同步模式的元件。
每週元件 (Widget of the Week)
#超過 100 部簡短、1 分鐘的解說影片,協助你快速上手 Flutter 元件 (Widgets)。