跳至主要內容

Cupertino widget

美觀且高保真的元件,與 Apple 的 iOS 和 macOS 人機介面指南一致。

Image/visualization of the CupertinoActionSheet widget.
CupertinoActionSheet

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

Image/visualization of the CupertinoActionSheetAction widget.
CupertinoActionSheetAction

通常在 CupertinoActionSheet 中使用的按鈕。

Image/visualization of the CupertinoActivityIndicator widget.
CupertinoActivityIndicator

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

Image/visualization of the CupertinoAdaptiveTextSelectionToolbar widget.
CupertinoAdaptiveTextSelectionToolbar

具有給定子元素的當前平台預設 Cupertino 文字選取內容選單。

Image/visualization of the CupertinoAlertDialog widget.
CupertinoAlertDialog

一個 iOS 風格的警示對話框。

Image/visualization of the CupertinoApp widget.
CupertinoApp

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

Image/visualization of the CupertinoButton widget.
CupertinoButton

一個 iOS 風格的按鈕。

Image/visualization of the CupertinoCheckBox widget.
CupertinoCheckBox

一個 macOS 風格的複選框。

Image/visualization of the CupertinoColors widget.
CupertinoColors

一組 Color 常數調色板,描述符合 iOS 平台美學時常用的顏色。

Image/visualization of the CupertinoContextMenu widget.
CupertinoContextMenu

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

Image/visualization of the CupertinoContextMenuAction widget.
CupertinoContextMenuAction

ContextMenuSheet 中的按鈕。

Image/visualization of the CupertinoDatePicker widget.
CupertinoDatePicker

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

CupertinoDesktopTextSelectionControls

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

Image/visualization of the CupertinoDesktopTextSelectionToolbar widget.
CupertinoDesktopTextSelectionToolbar

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

Image/visualization of the CupertinoDesktopTextSelectionToolbarButton widget.
CupertinoDesktopTextSelectionToolbarButton

macOS 內容選單按鈕風格的按鈕。

Image/visualization of the CupertinoDialogAction widget.
CupertinoDialogAction

通常在 CupertinoAlertDialog 中使用的按鈕。

CupertinoDialogRoute

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

CupertinoDynamicColor

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

Image/visualization of the CupertinoFormRow widget.
CupertinoFormRow

一個 iOS 風格的表單行。

Image/visualization of the CupertinoFormSection widget.
CupertinoFormSection

一個 iOS 風格的表單區段。

Image/visualization of the CupertinoFullscreenDialogTransition widget.
CupertinoFullscreenDialogTransition

用於召喚全螢幕對話框的 iOS 風格轉場效果。

CupertinoThemeData

CupertinoTheme 的樣式規範。

Image/visualization of the CupertinoListSection widget.
CupertinoListSection

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

Image/visualization of the CupertinoListTile widget.
CupertinoListTile

使用 iOS 風格在列表中建立一行的區塊。

Image/visualization of the CupertinoListTileChevron widget.
CupertinoListTileChevron

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

CupertinoLocalizations

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

CupertinoMagnifier

一個 RawMagnifier,用於放大文字,以便在使用者手指可能擋住焦點(例如選取手柄)的情況下使用。

CupertinoModalPopupRoute

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

Image/visualization of the CupertinoNavigationBar widget.
CupertinoNavigationBar

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

Image/visualization of the CupertinoNavigationBarBackButton widget.
CupertinoNavigationBarBackButton

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

CupertinoPage

一個建立 cupertino 風格 PageRoute 的頁面。

CupertinoPageRoute

一個模態路由,用 iOS 轉場效果取代整個螢幕。

CupertinoPageScaffold

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

Image/visualization of the CupertinoPageTransition widget.
CupertinoPageTransition

提供 iOS 風格的頁面轉場動畫。

Image/visualization of the CupertinoPicker widget.
CupertinoPicker

一個 iOS 風格的選擇器控制項。用於在短列表中選取項目。

CupertinoPickerDefaultSelectionOverlay

CupertinoPicker 的預設選取覆蓋層。

CupertinoPopupSurface

看起來像 iOS 彈出視窗表面的圓角矩形表面,例如警示對話框或動作選單。

Image/visualization of the CupertinoRadio widget.
CupertinoRadio

一個 macOS 風格的單選按鈕。

Image/visualization of the CupertinoScrollbar widget.
CupertinoScrollbar

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

CupertinoScrollBehavior

描述 Scrollable 元件在 CupertinoApp 中的行為方式。

Image/visualization of the CupertinoSearchTextField widget.
CupertinoSearchTextField

一個 iOS 風格的搜尋欄位。

Image/visualization of the CupertinoSegmentedControl widget.
CupertinoSegmentedControl

一個 iOS 風格的分段控制項。用於在水平列表中選取互斥的選項。

Image/visualization of the CupertinoSlider widget.
CupertinoSlider

用於從一個數值範圍中進行選擇。

Image/visualization of the CupertinoSlidingSegmentedControl widget.
CupertinoSlidingSegmentedControl

一個 iOS 13 風格的分段控制項。用於在水平列表中選取互斥的選項。

Image/visualization of the CupertinoSliverNavigationBar widget.
CupertinoSliverNavigationBar

一個使用 slivers 具有 iOS 11 風格大標題的導覽列。

CupertinoSliverRefreshControl

一個實現 iOS 風格下拉刷新內容控制項的 sliver 元件。

Image/visualization of the CupertinoSpellCheckSuggestionsToolbar widget.
CupertinoSpellCheckSuggestionsToolbar

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

Image/visualization of the CupertinoSwitch widget.
CupertinoSwitch

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

Image/visualization of the CupertinoTabBar widget.
CupertinoTabBar

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

CupertinoTabController

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

Image/visualization of the CupertinoTabScaffold widget.
CupertinoTabScaffold

選項卡式 iOS 應用程式結構。在內容選項卡之上定位標籤列。

Image/visualization of the CupertinoTabView widget.
CupertinoTabView

支援選項卡之間平行導覽的選項卡根內容。通常與 CupertinoTabScaffold 一起使用。

Image/visualization of the CupertinoTextField widget.
CupertinoTextField

一個 iOS 風格的文字欄位。

Image/visualization of the CupertinoTextFormFieldRow widget.
CupertinoTextFormFieldRow

建立包含 FormField 的 CupertinoFormRow,FormField 包裝了 CupertinoTextField。

Image/visualization of the CupertinoTextMagnifier widget.
CupertinoTextMagnifier

一個 CupertinoMagnifier,用於放大文字,以便在使用者手指可能擋住焦點(例如選取手柄)的情況下使用。

CupertinoTextSelectionControls

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

Image/visualization of the CupertinoTextSelectionToolbar widget.
CupertinoTextSelectionToolbar

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

Image/visualization of the CupertinoTextSelectionToolbarButton widget.
CupertinoTextSelectionToolbarButton

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

CupertinoTextThemeData

CupertinoThemeData 中的 Cupertino 排版主題。

CupertinoTheme

將視覺樣式主題套用於後代 Cupertino 元件。

CupertinoThumbPainter

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

Image/visualization of the CupertinoTimerPicker widget.
CupertinoTimerPicker

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

元件目錄中找到更多元件。