跳至主要內容

Flutter Widget 索引

這是與 Flutter 捆綁在一起的許多 Widget 的字母順序列表。您也可以按類別瀏覽 Widget

您可能還想查看我們在 Flutter YouTube 頻道上的「Widget of the Week」影片系列。每個短片都會介紹不同的 Flutter Widget。如需更多影片系列,請參閱我們的影片頁面。


為您介紹 Flutter 每週 Widget

每週 Widget 播放清單

AbsorbPointer

一個在點擊測試期間吸收指標的 Widget。當 absorbing 為 true 時,此 Widget 會透過終止點擊測試來阻止其子樹接收指標事件...

Rendered image or visualization of the AlertDialog widget.
AlertDialog

懸停容器,提示應用程式使用者提供更多資料或做出決定。

Align

一個在其自身內部對齊其子項的 Widget,並可選擇根據子項的大小調整自身大小。

AnimatedAlign

動畫過渡,每當給定的對齊方式改變時,會在給定的持續時間內移動子項的位置。

AnimatedBuilder

用於建構動畫的通用 Widget。AnimatedBuilder 對於希望將動畫作為較大建構函數的一部分的更複雜 Widget 非常有用...

AnimatedContainer

一個會隨著時間逐漸改變其值的容器。

AnimatedCrossFade

一個在兩個給定的子項之間進行交叉淡入淡出並在它們的大小之間進行動畫的 Widget。

AnimatedDefaultTextStyle

DefaultTextStyle 的動畫版本,它會自動在給定的持續時間內過渡預設文字樣式(要套用於沒有明確樣式的後代 Text Widget 的文字樣式)...

AnimatedList

一個在插入或移除項目時會製作動畫的捲動容器。

AnimatedListState

一個在插入或移除項目時會製作動畫的捲動容器的狀態。

AnimatedModalBarrier

一個防止使用者與自身後方的 Widget 互動的 Widget。

AnimatedOpacity

Opacity 的動畫版本,每當給定的不透明度改變時,會自動在給定的持續時間內過渡子項的不透明度。

AnimatedPhysicalModel

PhysicalModel 的動畫版本。

AnimatedPositioned

Positioned 的動畫版本,每當給定的位置改變時,會自動在給定的持續時間內過渡子項的位置。

AnimatedSize

動畫 Widget,每當給定子項的大小改變時,會自動在給定的持續時間內過渡其大小。

AnimatedWidget

一個當給定的 Listenable 值改變時會重建的 Widget。

Rendered image or visualization of the AppBar widget.
AppBar

在螢幕頂端顯示內容和動作的容器。

AspectRatio

一個嘗試將子項調整為特定長寬比的 Widget。

AssetBundle

資源包包含應用程式可以使用的資源,例如圖片和字串。對這些資源的存取是非同步的,因此它們...

Autocomplete

一個用於透過輸入一些文字並從選項清單中選擇來協助使用者進行選擇的 Widget。

BackdropFilter

一個將篩選器套用於現有繪製內容,然後繪製子項的 Widget。這種效果相對來說比較耗費資源,尤其是當篩選器...

Rendered image or visualization of the Badge widget.
Badge

類似圖示的區塊,傳達動態內容,例如計數或狀態。它可以包含標籤或數字。

Abc
Baseline

一個根據其子項的基準線定位其子項的容器。

Rendered image or visualization of the Bottom app bar widget.
底部應用程式列

在螢幕底部顯示導覽和主要動作的容器。

Rendered image or visualization of the Bottom sheet widget.
底部表單

將補充內容錨定到螢幕底部的容器。

Rendered image or visualization of the BottomNavigationBar widget.
BottomNavigationBar

包含用於探索和在頂層檢視之間單次點擊切換的工具的容器。

Rendered image or visualization of the BottomSheet widget.
BottomSheet

底部表單從螢幕底部向上滑動,以顯示更多內容。您可以呼叫 showBottomSheet() 來實作持久性底部表單,或者...

Rendered image or visualization of the Card widget.
Card

用於在帶有圓角和陰影的方塊中顯示的簡短相關內容的容器。

Rendered image or visualization of the CarouselView widget.
CarouselView

一個 Material 輪播 Widget,它呈現一個可捲動的項目清單,每個項目都可以根據所選的版面配置動態地改變大小。

Center

一個對齊區塊,使其子項在其自身內部置中。

Rendered image or visualization of the Checkbox widget.
Checkbox

表單控制,應用程式使用者可以設定或清除此控制以從一組選項中選取一個或多個選項。

Rendered image or visualization of the Chip widget.
Chip

簡化輸入資訊、進行選取、篩選內容或觸發動作的小型區塊。

Rendered image or visualization of the CircularProgressIndicator widget.
CircularProgressIndicator

旋轉以指示忙碌應用程式的圓形進度指示器。

ClipOval

一個使用橢圓剪輯其子項的 Widget。

ClipPath

一個使用路徑剪輯其子項的 Widget。

ClipRect

一個使用矩形剪輯其子項的 Widget。

Column

在垂直方向佈局子 Widget 的清單。

Rendered image or visualization of the Common buttons widget.
常用按鈕

啟動動作的可點擊區塊,例如傳送電子郵件、共用文件或喜歡評論。

ConstrainedBox

一個對其子項施加額外約束的 Widget。

Container

一個結合常用繪圖、定位和調整大小 Widget 的便利 Widget。

Rendered image or visualization of the CupertinoActionSheet widget.
CupertinoActionSheet

一個 iOS 風格的模態底部動作表單,用於在多個選項中選擇一個。

Rendered image or visualization of the CupertinoActionSheetAction widget.
CupertinoActionSheetAction

通常在 CupertinoActionSheet 中使用的按鈕。

Rendered image or visualization of the CupertinoActivityIndicator widget.
CupertinoActivityIndicator

一個 iOS 風格的活動指示器。顯示一個圓形的「微調器」。

Rendered image or visualization of the CupertinoAdaptiveTextSelectionToolbar widget.
CupertinoAdaptiveTextSelectionToolbar

目前平台上用於文字選取的預設 Cupertino 內容選單,其中包含給定的子項。

Rendered image or visualization of the CupertinoAlertDialog widget.
CupertinoAlertDialog

一個 iOS 風格的警示對話方塊。

Rendered image or visualization of the CupertinoApp widget.
CupertinoApp

一個使用 Cupertino 設計的應用程式。

Rendered image or visualization of the CupertinoButton widget.
CupertinoButton

一個 iOS 風格的按鈕。

Rendered image or visualization of the CupertinoCheckBox widget.
CupertinoCheckBox

一個 macOS 風格的核取方塊。

Rendered image or visualization of the CupertinoColors widget.
CupertinoColors

一個 Color 常數調色盤,描述與 iOS 平台美學相符時常用的顏色。

Rendered image or visualization of the CupertinoContextMenu widget.
CupertinoContextMenu

一個 iOS 風格的全螢幕模態路由,當長按子項時開啟。用於顯示與您的內容相關的動作。

Rendered image or visualization of the CupertinoContextMenuAction widget.
CupertinoContextMenuAction

ContextMenuSheet 中的按鈕。

Rendered image or visualization of the CupertinoDatePicker widget.
CupertinoDatePicker

一個 iOS 風格的日期或日期和時間選擇器。

CupertinoDesktopTextSelectionControls

桌面 Cupertino 風格的文字選取控制項。

Rendered image or visualization of the CupertinoDesktopTextSelectionToolbar widget.
CupertinoDesktopTextSelectionToolbar

一個 macOS 風格的文字選取工具列。

Rendered image or visualization of the CupertinoDesktopTextSelectionToolbarButton widget.
CupertinoDesktopTextSelectionToolbarButton

macOS 內容選單按鈕樣式的按鈕。

Rendered image or visualization of the CupertinoDialogAction widget.
CupertinoDialogAction

通常在 CupertinoAlertDialog 中使用的按鈕。

CupertinoDialogRoute

一個顯示 iOS 風格對話方塊的對話方塊路由。

CupertinoDynamicColor

一個 Color 子類別,表示一系列顏色以及該顏色系列中正確的有效顏色。

Rendered image or visualization of the CupertinoFormRow widget.
CupertinoFormRow

一個 iOS 風格的表單列。

Rendered image or visualization of the CupertinoFormSection widget.
CupertinoFormSection

一個 iOS 風格的表單區段。

Rendered image or visualization of the CupertinoFullscreenDialogTransition widget.
CupertinoFullscreenDialogTransition

一個用於召喚全螢幕對話方塊的 iOS 風格的過渡。

Rendered image or visualization of the CupertinoListSection widget.
CupertinoListSection

使用 iOS 風格來顯示可捲動檢視的容器。

Rendered image or visualization of the CupertinoListTile widget.
CupertinoListTile

使用 iOS 風格在清單中建立列的區塊。

Rendered image or visualization of the CupertinoListTileChevron widget.
CupertinoListTileChevron

一個典型的 iOS 尾隨 Widget,用於表示 CupertinoListTile 是一個帶有動作的按鈕。

CupertinoLocalizations

定義 Cupertino Widget 使用的本地化資源值。

CupertinoMagnifier

一個用於放大文字的 RawMagnifier,在使用者手指可能擋住感興趣點(例如選取控制點)的情況下使用。

CupertinoModalPopupRoute

一個顯示模態 iOS 風格快顯視窗的路由,該視窗從螢幕底部向上滑動。

Rendered image or visualization of the CupertinoNavigationBar widget.
CupertinoNavigationBar

螢幕頂端的容器,使用 iOS 風格。許多開發人員將其與 `CupertinoPageScaffold` 一起使用。

Rendered image or visualization of the CupertinoNavigationBarBackButton widget.
CupertinoNavigationBarBackButton

一個通常在 CupertinoNavigationBar 中使用的導覽列返回按鈕。

CupertinoPage

建立 cupertino 風格 PageRoute 的頁面。

CupertinoPageRoute

一個模態路由,使用 iOS 過渡來取代整個螢幕。

CupertinoPageScaffold

基本的 iOS 風格頁面版面配置結構。在背景上定位導覽列和內容。

Rendered image or visualization of the CupertinoPageTransition widget.
CupertinoPageTransition

提供 iOS 風格的頁面過渡動畫。

Rendered image or visualization of the CupertinoPicker widget.
CupertinoPicker

一個 iOS 風格的選擇器控制項。用於在短清單中選擇項目。

CupertinoPickerDefaultSelectionOverlay

CupertinoPicker 的預設選取覆蓋層。

CupertinoPopupSurface

看起來像 iOS 快顯視窗介面的圓角矩形介面,例如警示對話方塊或動作表單。

Rendered image or visualization of the CupertinoRadio widget.
CupertinoRadio

一個 macOS 風格的單選按鈕。

CupertinoScrollBehavior

描述可捲動 Widget 對於 CupertinoApps 的行為方式。

Rendered image or visualization of the CupertinoScrollbar widget.
CupertinoScrollbar

一個 iOS 風格的捲軸,指示可捲動 Widget 的哪個部分目前可見。

Rendered image or visualization of the CupertinoSearchTextField widget.
CupertinoSearchTextField

一個 iOS 風格的搜尋欄位。

Rendered image or visualization of the CupertinoSegmentedControl widget.
CupertinoSegmentedControl

一個 iOS 風格的分段控制項。用於在水平清單中選擇互斥的選項。

Rendered image or visualization of the CupertinoSlider widget.
CupertinoSlider

用於從一系列值中選擇。

Rendered image or visualization of the CupertinoSlidingSegmentedControl widget.
CupertinoSlidingSegmentedControl

一個 iOS 13 風格的分段控制項。用於在水平清單中選擇互斥的選項。

Rendered image or visualization of the CupertinoSliverNavigationBar widget.
CupertinoSliverNavigationBar

使用 Sliver 的 iOS 11 風格大型標題的導覽列。

CupertinoSliverRefreshControl

一個實作 iOS 風格下拉式重新整理內容控制項的 Sliver Widget。

Rendered image or visualization of the CupertinoSpellCheckSuggestionsToolbar widget.
CupertinoSpellCheckSuggestionsToolbar

iOS 的預設拼字檢查建議工具列。

Rendered image or visualization of the CupertinoSwitch widget.
CupertinoSwitch

一個 iOS 風格的切換開關。用於切換單一設定的開啟/關閉狀態。

Rendered image or visualization of the CupertinoTabBar widget.
CupertinoTabBar

一個 iOS 風格的底部標籤列。通常與 CupertinoTabScaffold 一起使用。

CupertinoTabController

協調 CupertinoTabBar 和 CupertinoTabScaffold 之間的標籤選取。

Rendered image or visualization of the CupertinoTabScaffold widget.
CupertinoTabScaffold

分頁式 iOS 應用程式結構。將標籤列放置在內容標籤的頂部。

Rendered image or visualization of the CupertinoTabView widget.
CupertinoTabView

支援標籤之間平行導覽的分頁根內容。通常與 CupertinoTabScaffold 一起使用。

Rendered image or visualization of the CupertinoTextField widget.
CupertinoTextField

一個 iOS 風格的文字欄位。

Rendered image or visualization of the CupertinoTextFormFieldRow widget.
CupertinoTextFormFieldRow

建立一個 CupertinoFormRow,其中包含一個包裝 CupertinoTextField 的 FormField。

Rendered image or visualization of the CupertinoTextMagnifier widget.
CupertinoTextMagnifier

一個用於放大文字的 CupertinoMagnifier,例如在使用者手指可能遮擋住感興趣點(如選取控制點)的情況下。

CupertinoTextSelectionControls

iOS 風格的文字選取控制項。

Rendered image or visualization of the CupertinoTextSelectionToolbar widget.
CupertinoTextSelectionToolbar

一個 iOS 風格的文字選取工具列。

Rendered image or visualization of the CupertinoTextSelectionToolbarButton widget.
CupertinoTextSelectionToolbarButton

一個 iOS 文字選取工具列按鈕風格的按鈕。

CupertinoTextThemeData

CupertinoThemeData 中的 Cupertino 排版主題。

CupertinoTheme

將視覺樣式主題應用於後代的 Cupertino 小工具。

CupertinoThemeData

CupertinoTheme 的樣式規格。

CupertinoThumbPainter

繪製 iOS 風格的滑桿或開關拇指。

Rendered image or visualization of the CupertinoTimerPicker widget.
CupertinoTimerPicker

一個 iOS 風格的倒數計時器選擇器。

CustomMultiChildLayout

一個使用委託來調整多個子項大小和位置的小工具。

CustomPaint

一個在繪製階段提供畫布供繪製的小工具。

CustomScrollView

一個使用 sliver 建立自訂捲動效果的 ScrollView。

CustomSingleChildLayout

一個將其單個子項的佈局延遲到委託的小工具。

Rendered image or visualization of the DataTable widget.
DataTable

資料表顯示原始資料集。它們通常出現在桌面企業產品中。DataTable 小工具實作此元件。

Rendered image or visualization of the DatePicker widget.
DatePicker

用於選擇日期或日期範圍的日曆介面。

DecoratedBox

一個在其子項繪製之前或之後繪製 Decoration 的小工具。

DecoratedBoxTransition

DecoratedBox 的動畫版本,可以動畫化其 Decoration 的不同屬性。

DefaultTextStyle

應用於後代 Text 小工具而沒有明確樣式的文字樣式。

Dismissible

一個可以透過在指示方向上拖曳來關閉的小工具。在 DismissDirection 中拖曳或甩動此小工具會導致子項滑動...

Rendered image or visualization of the Divider widget.
Divider

在清單和容器中分組內容的細線。

DragTarget

一個在 Draggable 小工具被放下時接收資料的小工具。當一個可拖曳的物件被拖曳到拖曳目標之上時,拖曳目標...

Draggable

一個可以從拖曳到 DragTarget 的小工具。當一個可拖曳的小工具辨識出拖曳手勢的開始時,它會顯示一個回饋...

DraggableScrollableSheet

一個可捲動的容器,透過調整可捲動物件的大小直到達到限制,然後進行捲動來回應拖曳手勢。

Rendered image or visualization of the Drawer widget.
Drawer

一個 Material Design 面板,從 Scaffold 的邊緣水平滑入以顯示應用程式中的導覽連結。

Rendered image or visualization of the DropdownButton widget.
DropdownButton

顯示目前選取的項目和一個開啟選取另一個項目的選單的箭頭。

Rendered image or visualization of the ElevatedButton widget.
ElevatedButton

一個 Material Design 凸起按鈕。一個填充按鈕,其材質在按下時會凸起。

ExcludeSemantics

一個捨棄其後代所有語義的小工具。這可以用於隱藏原本會被報告但會...

Expanded

一個展開 Row、Column 或 Flex 的子項的小工具。

Rendered image or visualization of the ExpansionPanel widget.
ExpansionPanel

展開面板包含建立流程,並允許輕量編輯元素。ExpansionPanel 小工具實作此元件。

Rendered image or visualization of the Extended FloatingActionButton widget.
Extended FloatingActionButton

觸發動作的可點擊區塊。這些較寬的區塊可以容納文字標籤並提供較大的目標區域。

FadeTransition

動畫化小工具的不透明度。

FittedBox

根據 fit 將其子項縮放並定位在自身內部。

Rendered image or visualization of the FloatingActionButton widget.
FloatingActionButton

一個包含圖示的可點擊區塊,使關鍵動作始終觸手可及。

Flow

一個實作流動佈局演算法的小工具。

FlutterLogo

Flutter 標誌,以小工具形式呈現。此小工具會遵守 IconTheme。

Form

一個用於將多個表單欄位小工具(例如 TextField 小工具)分組在一起的可選容器。

FormField

一個單一的表單欄位。此小工具會維護表單欄位的目前狀態,以便更新和驗證錯誤在視覺上反映在...

FractionalTranslation

一個在繪製其子項之前應用以方塊大小分數表示的轉換的小工具。

FractionallySizedBox

一個將其子項調整為可用總空間分數的小工具。有關佈局演算法的更多詳細資訊,請參閱 RenderFractionallySizedOverflowBox。

FutureBuilder

一個根據與 Future 互動的最新快照自行建立的小工具。

GestureDetector

一個偵測手勢的小工具。嘗試辨識與其非 null 回呼相對應的手勢。如果此小工具有一個子項,它會延遲到該...

Rendered image or visualization of the GridView widget.
GridView

網格清單由以垂直和水平佈局排列的重複單元格模式組成。GridView 小工具實作此元件。

Hero

一個將其子項標記為英雄動畫候選的小工具。

Rendered image or visualization of the Icon widget.
Icon

一個 Material Design 圖示。

Rendered image or visualization of the IconButton widget.
IconButton

可點擊圖示,提示應用程式使用者執行補充動作。

IgnorePointer

一個在點擊測試期間不可見的小工具。當 ignoring 為 true 時,此小工具(及其子樹)對於點擊測試不可見。它仍然會消耗...

Image

一個顯示影像的小工具。

ImplicitlyAnimatedWidget

一個用於建立會將其屬性變更動畫化的小工具的抽象類別。

IndexedStack

一個從子項清單中顯示單個子項的 Stack。

InteractiveViewer

一個使其子項能夠進行平移和縮放互動的小工具。

IntrinsicHeight

一個將其子項調整為子項固有高度的小工具。

IntrinsicWidth

一個將其子項調整為子項固有寬度的小工具。

KeyboardListener

一個在使用者按下或釋放鍵盤上的按鍵時呼叫回呼的小工具。

LayoutBuilder

建立一個可以依賴父小工具大小的小工具樹。

LimitedBox

一個僅在其不受約束時限制其大小的方塊。

Rendered image or visualization of the LinearProgressIndicator widget.
LinearProgressIndicator

一條垂直線,在正在進行的程序(例如載入應用程式或提交表單)完成時會變更顏色。

ListBody

一個沿給定軸依序排列其子項的小工具,迫使它們在另一個軸上的父項維度中。

Rendered image or visualization of the ListTile widget.
ListTile

一個單一固定高度的列,通常包含一些文字以及前導或尾隨圖示。

Rendered image or visualization of the ListView widget.
ListView

一個可捲動的線性小工具清單。ListView 是最常用的捲動小工具。它會在捲動方向中一個接一個地顯示其子項....

LongPressDraggable

使其子項從長按開始可拖曳。

Rendered image or visualization of the MaterialApp widget.
MaterialApp

一個方便的小工具,它包裝了實作 Material Design 的應用程式通常需要的一些小工具。

MediaQuery

建立一個子樹,其中媒體查詢會解析為給定的資料。

Rendered image or visualization of the Menu widget.
Menu

在臨時表面上顯示選項清單的容器。

MergeSemantics

一個合併其後代語義的小工具。

Rendered image or visualization of the Navigation rail widget.
Navigation rail

平板電腦和桌上型電腦螢幕前緣的持續容器,用於導覽應用程式的各個部分。

Rendered image or visualization of the NavigationBar widget.
NavigationBar

一個持續容器,可啟用應用程式中主要目的地之間的切換。

Rendered image or visualization of the NavigationDrawer widget.
NavigationDrawer

一個從應用程式的前緣滑出以導覽到應用程式其他區段的容器。

Navigator

一個使用堆疊規則管理一組子小工具的小工具。許多應用程式在其小工具階層的頂部附近都有一個導覽器...

NestedScrollView

一個捲動檢視,其中可以巢狀放置其他捲動檢視,其捲動位置會內在連結。

NotificationListener

一個偵聽在樹狀結構中向上冒泡的 Notifications 的小工具。

Offstage

一個佈置子項的小工具,就好像它在樹狀結構中一樣,但沒有繪製任何內容,也沒有使子項可供點擊使用...

Opacity

一個使其子項部分透明的小工具。

Rendered image or visualization of the OutlinedButton widget.
OutlinedButton

一個 Material Design 外框按鈕,基本上是一個具有外框邊界的 TextButton。

OverflowBox

一個對其子項施加與從其父項取得的約束不同的約束的小工具,可能會允許子項溢出父項。

Padding

一個透過給定的邊距內嵌其子項的小工具。

PageView

一個逐頁運作的可捲動清單。

Placeholder

一個繪製一個方塊的小工具,該方塊表示未來將加入其他小工具的位置。

Rendered image or visualization of the PopupMenuButton widget.
PopupMenuButton

在按下時顯示選單,並在因為選取項目而關閉選單時呼叫 onSelected。

PositionedTransition

Positioned 的動畫版本,它採用特定的 Animation 在生命週期內將子項的位置從開始位置轉換為結束位置。

Rendered image or visualization of the Radio widget.
Radio

應用程式使用者可以設定或清除以從一組選項中僅選取一個選項的表單控制項。

RawImage

一個直接顯示 dart:ui.Image 的小工具。

Rendered image or visualization of the RefreshIndicator widget.
RefreshIndicator

一個用於可捲動物件的 Material Design 下拉重新整理包裝器。

ReorderableListView

一個使用者可以透過拖曳以互動方式重新排序項目的清單。

RichText

RichText 小工具顯示使用多種不同樣式的文字。要顯示的文字使用 TextSpan 物件樹來描述,每個物件...

RotatedBox

一個將其子項旋轉整數圈數的小工具。

RotationTransition

為一個元件的旋轉動作添加動畫效果。

Row (行)

以水平方向佈局子元件列表。

Rendered image or visualization of the Scaffold widget.
Scaffold (鷹架)

實現基本的 Material Design 視覺佈局結構。此類別提供用於顯示抽屜、快顯通知和底部操作表的 API。

ScaleTransition (縮放動畫)

為經過變形的元件的縮放添加動畫效果。

ScrollConfiguration (滾動配置)

控制 Scrollable 元件在子樹中的行為。

Scrollable (可滾動)

Scrollable 實現可滾動元件的互動模型,包括手勢辨識,但對於實際顯示內容的可視區域如何呈現,並沒有任何意見...

Scrollbar (滾動條)

Material Design 的滾動條。滾動條指示 Scrollable 元件中實際可見的部分。

Rendered image or visualization of the SegmentedButton widget.
SegmentedButton (分段按鈕)

單選或多選的可點擊區塊,以幫助人們選擇選項、切換視圖或排序元素。

Semantics (語義)

一個使用元件意義的描述來註解元件樹的元件。供輔助工具、搜尋引擎和其他語義工具使用...

Rendered image or visualization of the SimpleDialog widget.
SimpleDialog (簡單對話框)

簡單對話框可以提供關於列表項目的額外詳細資訊或操作。例如,它們可以顯示頭像圖示、闡明副標題或垂直操作(例如...

SingleChildScrollView (單一可滾動檢視)

一個可以滾動單一元件的盒子。當您有一個通常會完全顯示的單一盒子時,此元件非常有用...

SizeTransition (大小動畫)

為自身的大小變化添加動畫效果,並裁剪和對齊子元件。

SizedBox (指定大小的盒子)

一個具有指定大小的盒子。如果給予子元件,此元件會強制其子元件具有特定的寬度和/或高度(假設值是...

SizedOverflowBox (指定大小溢出的盒子)

一個具有特定大小的元件,但將其原始約束傳遞給其子元件,子元件可能會溢出。

SlideTransition (滑動動畫)

為元件相對於其正常位置的位移添加動畫效果。

Rendered image or visualization of the Slider widget.
Slider (滑桿)

啟用選擇值範圍的表單控制項。

Rendered image or visualization of the SliverAppBar widget.
SliverAppBar (可伸縮應用程式列)

一個與 CustomScrollView 集成的 Material Design 應用程式列。

SliverChildBuilderDelegate (Sliver 子元件建立委派)

一個使用建立器回呼來提供 sliver 子元件的委派。

SliverChildListDelegate (Sliver 子元件列表委派)

一個使用明確列表來提供 sliver 子元件的委派。

SliverFixedExtentList (Sliver 固定範圍列表)

一個以線性陣列方式放置多個具有相同主軸範圍的盒子子元件的 sliver。

SliverGrid (Sliver 網格)

一個以二維排列方式放置多個盒子子元件的 sliver。

SliverList (Sliver 列表)

一個沿主軸以線性陣列方式放置多個盒子子元件的 sliver。

SliverPadding (Sliver 邊距)

一個在另一個 sliver 的每一側應用邊距的 sliver。

SliverPersistentHeader (Sliver 持續標頭)

當 sliver 滾動到與 sliver 的 GrowthDirection 相反的可視區域邊緣時,其大小會變化的 sliver。

SliverToBoxAdapter (Sliver 到盒子適配器)

一個包含單一盒子元件的 sliver。

Rendered image or visualization of the SnackBar widget.
SnackBar (快顯通知)

關於應用程式流程的簡短訊息,顯示在螢幕底部。

Stack (堆疊)

如果您想以簡單的方式重疊多個子元件(例如,有一些文字和一個影像,並覆蓋著...),則此類別非常有用。

Rendered image or visualization of the Stepper widget.
Stepper (步驟導覽)

一個 Material Design 步驟導覽元件,顯示透過一系列步驟的進度。

StreamBuilder (串流建立器)

根據與 Stream 互動的最新快照建立自身的元件。

Rendered image or visualization of the Switch widget.
Switch (開關)

切換控制項,將單個項目的狀態變更為開啟或關閉。

Rendered image or visualization of the TabBar widget.
TabBar (標籤列)

分層容器,用於在不同螢幕、資料集和其他互動中組織內容。

Rendered image or visualization of the TabBarView widget.
TabBarView (標籤列檢視)

一個顯示與目前選定的標籤相對應的元件的分頁檢視。通常與 TabBar 一起使用。

Rendered image or visualization of the TabController widget.
TabController (標籤控制器)

協調 TabBar 和 TabBarView 之間的標籤選取。

Rendered image or visualization of the TabPageSelector widget.
TabPageSelector (標籤頁選擇器)

顯示一排小的圓形指示器,每個標籤一個。所選標籤的指示器會被突出顯示。通常與 TabBarView 一起使用。

Table (表格)

以行和列顯示子元件。

Abc
文字

具有單一樣式的文字執行。

Rendered image or visualization of the TextButton widget.
TextButton (文字按鈕)

一個 Material Design 文字按鈕。一個沒有邊框的簡單扁平按鈕。

Rendered image or visualization of the TextField widget.
TextField (文字輸入框)

應用程式使用者可以在其中輸入文字的方塊。它們會出現在表單和對話框中。

Theme (主題)

將主題應用於後代元件。主題描述應用程式的顏色和排版選擇。

Rendered image or visualization of the TimePicker widget.
TimePicker (時間選擇器)

用於選擇和設定特定時間的時鐘介面。

Rendered image or visualization of the Tooltip widget.
Tooltip (工具提示)

工具提示提供文字標籤,以幫助說明按鈕或其他使用者介面動作的功能。將按鈕包裝在 Tooltip 元件中,以...

Transform (變形)

一個在繪製其子元件之前應用變形的元件。

Rendered image or visualization of the WidgetsApp widget.
WidgetsApp (元件應用程式)

一個方便的類別,包裝了應用程式通常需要的多個元件。

Wrap (包裝)

一個在其多個水平或垂直執行中顯示其子元件的元件。