iOS 风格 widgets 列表
Beautiful and high-fidelity widgets for current iOS design language.
更多 widget 请查看 核心 widget 目录。
![](/assets/images/docs/widget-catalog/CupertinoActionSheetAction.png)
An iOS-style modal bottom action sheet to choose an option among many.
![](/assets/images/docs/catalog-widget-placeholder.png)
A button typically used in a CupertinoActionSheet.
![](/assets/images/docs/widget-catalog/cupertino-activity-indicator.png)
An iOS-style activity indicator. Displays a circular 'spinner'.
![](/assets/images/docs/widget-catalog/CupertinoAdaptiveTextSelectionToolbar.png)
The default Cupertino context menu for text selection for the current platform with the given children.
![](/assets/images/docs/widget-catalog/cupertino-alert-dialog.png)
An iOS-style alert dialog.
![](/assets/images/docs/widget-catalog/CupertinoApp.png)
An application that uses Cupertino design.
![](/assets/images/docs/widget-catalog/cupertino-button.png)
An iOS-style button.
![](/assets/images/docs/widget-catalog/CupertinoCheckbox.png)
An macOS-style checkbox.
![](/assets/images/docs/widget-catalog/CupertinoColors.png)
A palette of Color constants that describe colors commonly used when matching the iOS platform aesthetics.
![](/assets/images/docs/widget-catalog/cupertino-context-menu.png)
An iOS-style full-screen modal route that opens when the child is long-pressed. Used to display relevant actions for your content.
![](/assets/images/docs/widget-catalog/CupertinoContextMenuAction.png)
A button in a _ContextMenuSheet.
![](/assets/images/docs/widget-catalog/CupertinoDatePicker.png)
An iOS-style date or date and time picker.
![](/assets/images/docs/catalog-widget-placeholder.png)
Desktop Cupertino styled text selection controls.
![](/assets/images/docs/widget-catalog/CupertinoDesktopTextSelectionToolbar.png)
A macOS-style text selection toolbar.
![](/assets/images/docs/widget-catalog/CupertinoDesktopTextSelectionToolbarButton.png)
A button in the style of the macOS context menu buttons.
![](/assets/images/docs/widget-catalog/cupertino-dialog-action.png)
A button typically used in a CupertinoAlertDialog.
![](/assets/images/docs/catalog-widget-placeholder.png)
A dialog route that shows an iOS-style dialog.
![](/assets/images/docs/catalog-widget-placeholder.png)
A Color subclass that represents a family of colors, and the correct effective color in the color family.
![](/assets/images/docs/widget-catalog/CupertinoFormRow.png)
An iOS-style form row.
![](/assets/images/docs/widget-catalog/CupertinoFormSection.png)
An iOS-style form section.
![](/assets/images/docs/widget-catalog/cupertino-fullscreen-dialog-transition.png)
An iOS-style transition used for summoning fullscreen dialogs.
![](/assets/images/docs/catalog-widget-placeholder.png)
Styling specifications for a CupertinoTheme.
![](/assets/images/docs/widget-catalog/cupertino-list-section.png)
Container that uses the iOS style to display a scrollable view.
![](/assets/images/docs/widget-catalog/cupertino-list-tile.png)
A block that uses the iOS style to create a row in a list.
![](/assets/images/docs/widget-catalog/CupertinoListTileChevron.png)
A typical iOS trailing widget used to denote that a CupertinoListTile is a button with an action.
![](/assets/images/docs/catalog-widget-placeholder.png)
Defines the localized resource values used by the Cupertino widgets.
![](/assets/images/docs/catalog-widget-placeholder.png)
A RawMagnifier used for magnifying text in cases where a user's finger may be blocking the point of interest, like a selection handle.
![](/assets/images/docs/catalog-widget-placeholder.png)
A route that shows a modal iOS-style popup that slides up from the bottom of the screen.
![](/assets/images/docs/widget-catalog/cupertino-nav-bar.png)
Container at the top of a screen that uses the iOS style. Many developers use this with CupertinoPageScaffold
.
![](/assets/images/docs/widget-catalog/CupertinoNavigationBarBackButton.png)
A nav bar back button typically used in CupertinoNavigationBar.
![](/assets/images/docs/catalog-widget-placeholder.png)
A page that creates a cupertino style PageRoute.
![](/assets/images/docs/catalog-widget-placeholder.png)
A modal route that replaces the entire screen with an iOS transition.
![](/assets/images/docs/widget-catalog/cupertino-page-scaffold.png)
Basic iOS style page layout structure. Positions a navigation bar and content on a background.
![](/assets/images/docs/widget-catalog/cupertino-page-transition.png)
Provides an iOS-style page transition animation.
![](/assets/images/docs/widget-catalog/CupertinoPicker.png)
An iOS-style picker control. Used to select an item in a short list.
![](/assets/images/docs/catalog-widget-placeholder.png)
A default selection overlay for CupertinoPickers.
![](/assets/images/docs/catalog-widget-placeholder.png)
Rounded rectangle surface that looks like an iOS popup surface, such as an alert dialog or action sheet.
![](/assets/images/docs/widget-catalog/CupertinoRadio.png)
A macOS-style radio button.
![](/assets/images/docs/widget-catalog/cupertino-scrollbar.png)
An iOS-style scrollbar that indicates which portion of a scrollable widget is currently visible.
![](/assets/images/docs/catalog-widget-placeholder.png)
Describes how Scrollable widgets behave for CupertinoApps.
![](/assets/images/docs/widget-catalog/cupertino-search-field.png)
An iOS-style search field.
![](/assets/images/docs/widget-catalog/cupertino-segmented-control.png)
An iOS-style segmented control. Used to select mutually exclusive options in a horizontal list.
![](/assets/images/docs/widget-catalog/cupertino-slider.png)
Used to select from a range of values.
![](/assets/images/docs/widget-catalog/cupertino-sliding-segmented-control.png)
An iOS-13-style segmented control. Used to select mutually exclusive options in a horizontal list.
![](/assets/images/docs/widget-catalog/cupertino-sliver-navigation-bar.png)
An navigation bar with iOS-11-style large titles using slivers.
![](/assets/images/docs/catalog-widget-placeholder.png)
A sliver widget implementing the iOS-style pull to refresh content control.
![](/assets/images/docs/widget-catalog/CupertinoSpellCheckSuggestionsToolbar.png)
The default spell check suggestions toolbar for iOS.
![](/assets/images/docs/widget-catalog/cupertino-switch.png)
An iOS-style switch. Used to toggle the on/off state of a single setting.
![](/assets/images/docs/widget-catalog/cupertino-tab-bar.png)
An iOS-style bottom tab bar. Typically used with CupertinoTabScaffold.
![](/assets/images/docs/catalog-widget-placeholder.png)
Coordinates tab selection between a CupertinoTabBar and a CupertinoTabScaffold.
![](/assets/images/docs/widget-catalog/cupertino-tab-scaffold.png)
Tabbed iOS app structure. Positions a tab bar on top of tabs of content.
![](/assets/images/docs/widget-catalog/cupertino-tab-view.png)
Root content of a tab that supports parallel navigation between tabs. Typically used with CupertinoTabScaffold.
![](/assets/images/docs/widget-catalog/cupertino-textfield.png)
An iOS-style text field.
![](/assets/images/docs/widget-catalog/CupertinoTextFormFieldRow.png)
Creates a CupertinoFormRow containing a FormField that wraps a CupertinoTextField.
![](/assets/images/docs/widget-catalog/CupertinoTextMagnifier.png)
A CupertinoMagnifier used for magnifying text in cases where a user's finger may be blocking the point of interest, like a selection handle.
![](/assets/images/docs/catalog-widget-placeholder.png)
iOS-style text selection controls.
![](/assets/images/docs/widget-catalog/CupertinoTextSelectionToolbar.png)
An iOS-style text selection toolbar.
![](/assets/images/docs/widget-catalog/CupertinoTextSelectionToolbarButton.png)
A button in the style of the iOS text selection toolbar buttons.
![](/assets/images/docs/catalog-widget-placeholder.png)
Cupertino typography theme in a CupertinoThemeData.
![](/assets/images/docs/catalog-widget-placeholder.png)
Applies a visual styling theme to descendant Cupertino widgets.
![](/assets/images/docs/catalog-widget-placeholder.png)
Styling specifications for a CupertinoTheme.
![](/assets/images/docs/catalog-widget-placeholder.png)
Paints an iOS-style slider thumb or switch thumb.
![](/assets/images/docs/widget-catalog/CupertinoTimerPicker.png)
An iOS-style countdown timer picker.
更多 widget 请查看 核心 widget 目录。