iOS 风格 widgets 列表
Beautiful and high-fidelity widgets that align with Apple's Human Interface Guidelines for iOS and macOS.
![Image/visualization of the CupertinoActionSheet widget.](/assets/images/docs/widget-catalog/cupertino-action-sheet.png)
An iOS-style modal bottom action sheet to choose an option among many.
![Image/visualization of the CupertinoActionSheetAction widget.](/assets/images/docs/widget-catalog/cupertino-action-sheet.png)
A button typically used in a CupertinoActionSheet.
![Image/visualization of the CupertinoActivityIndicator widget.](/assets/images/docs/widget-catalog/cupertino-activity-indicator.png)
An iOS-style activity indicator. Displays a circular 'spinner'.
![Image/visualization of the CupertinoAdaptiveTextSelectionToolbar widget.](/assets/images/docs/widget-catalog/CupertinoAdaptiveTextSelectionToolbar.png)
The default Cupertino context menu for text selection for the current platform with the given children.
![Image/visualization of the CupertinoAlertDialog widget.](/assets/images/docs/widget-catalog/cupertino-alert-dialog.png)
An iOS-style alert dialog.
![Image/visualization of the CupertinoApp widget.](/assets/images/docs/widget-catalog/CupertinoApp.png)
An application that uses Cupertino design.
![Image/visualization of the CupertinoButton widget.](/assets/images/docs/widget-catalog/cupertino-button.png)
An iOS-style button.
![Image/visualization of the CupertinoCheckBox widget.](/assets/images/docs/widget-catalog/CupertinoCheckbox.png)
A macOS-style checkbox.
![Image/visualization of the CupertinoColors widget.](/assets/images/docs/widget-catalog/CupertinoColors.png)
A palette of Color constants that describe colors commonly used when matching the iOS platform aesthetics.
![Image/visualization of the CupertinoContextMenu widget.](/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.
![Image/visualization of the CupertinoContextMenuAction widget.](/assets/images/docs/widget-catalog/CupertinoContextMenuAction.png)
A button in a ContextMenuSheet.
![Image/visualization of the CupertinoDatePicker widget.](/assets/images/docs/widget-catalog/CupertinoDatePicker.png)
An iOS-style date or date and time picker.
Desktop Cupertino styled text selection controls.
![Image/visualization of the CupertinoDesktopTextSelectionToolbar widget.](/assets/images/docs/widget-catalog/CupertinoDesktopTextSelectionToolbar.png)
A macOS-style text selection toolbar.
![Image/visualization of the CupertinoDesktopTextSelectionToolbarButton widget.](/assets/images/docs/widget-catalog/CupertinoDesktopTextSelectionToolbarButton.png)
A button in the style of the macOS context menu buttons.
![Image/visualization of the CupertinoDialogAction widget.](/assets/images/docs/widget-catalog/cupertino-dialog-action.png)
A button typically used in a CupertinoAlertDialog.
A dialog route that shows an iOS-style dialog.
A Color subclass that represents a family of colors, and the correct effective color in the color family.
![Image/visualization of the CupertinoFormRow widget.](/assets/images/docs/widget-catalog/CupertinoFormRow.png)
An iOS-style form row.
![Image/visualization of the CupertinoFormSection widget.](/assets/images/docs/widget-catalog/CupertinoFormSection.png)
An iOS-style form section.
![Image/visualization of the CupertinoFullscreenDialogTransition widget.](/assets/images/docs/widget-catalog/cupertino-fullscreen-dialog-transition.png)
An iOS-style transition used for summoning fullscreen dialogs.
Styling specifications for a CupertinoTheme.
![Image/visualization of the CupertinoListSection widget.](/assets/images/docs/widget-catalog/cupertino-list-section.png)
Container that uses the iOS style to display a scrollable view.
![Image/visualization of the CupertinoListTile widget.](/assets/images/docs/widget-catalog/cupertino-list-tile.png)
A block that uses the iOS style to create a row in a list.
![Image/visualization of the CupertinoListTileChevron widget.](/assets/images/docs/widget-catalog/CupertinoListTileChevron.png)
A typical iOS trailing widget used to denote that a CupertinoListTile is a button with an action.
Defines the localized resource values used by the Cupertino widgets.
A RawMagnifier used for magnifying text in cases where a user's finger may be blocking the point of interest, like a selection handle.
A route that shows a modal iOS-style popup that slides up from the bottom of the screen.
![Image/visualization of the CupertinoNavigationBar widget.](/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
.
![Image/visualization of the CupertinoNavigationBarBackButton widget.](/assets/images/docs/widget-catalog/CupertinoNavigationBarBackButton.png)
A nav bar back button typically used in CupertinoNavigationBar.
A page that creates a cupertino style PageRoute.
A modal route that replaces the entire screen with an iOS transition.
Basic iOS style page layout structure. Positions a navigation bar and content on a background.
![Image/visualization of the CupertinoPageTransition widget.](/assets/images/docs/widget-catalog/cupertino-page-transition.png)
Provides an iOS-style page transition animation.
![Image/visualization of the CupertinoPicker widget.](/assets/images/docs/widget-catalog/CupertinoPicker.png)
An iOS-style picker control. Used to select an item in a short list.
A default selection overlay for CupertinoPickers.
Rounded rectangle surface that looks like an iOS popup surface, such as an alert dialog or action sheet.
![Image/visualization of the CupertinoRadio widget.](/assets/images/docs/widget-catalog/CupertinoRadio.png)
A macOS-style radio button.
![Image/visualization of the CupertinoScrollbar widget.](/assets/images/docs/widget-catalog/cupertino-scrollbar.png)
An iOS-style scrollbar that indicates which portion of a scrollable widget is currently visible.
Describes how Scrollable widgets behave for CupertinoApps.
![Image/visualization of the CupertinoSearchTextField widget.](/assets/images/docs/widget-catalog/cupertino-search-field.png)
An iOS-style search field.
![Image/visualization of the CupertinoSegmentedControl widget.](/assets/images/docs/widget-catalog/cupertino-segmented-control.png)
An iOS-style segmented control. Used to select mutually exclusive options in a horizontal list.
![Image/visualization of the CupertinoSlider widget.](/assets/images/docs/widget-catalog/cupertino-slider.png)
Used to select from a range of values.
![Image/visualization of the CupertinoSlidingSegmentedControl widget.](/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.
![Image/visualization of the CupertinoSliverNavigationBar widget.](/assets/images/docs/widget-catalog/cupertino-sliver-navigation-bar.png)
A navigation bar with iOS-11-style large titles using slivers.
A sliver widget implementing the iOS-style pull to refresh content control.
![Image/visualization of the CupertinoSpellCheckSuggestionsToolbar widget.](/assets/images/docs/widget-catalog/CupertinoSpellCheckSuggestionsToolbar.png)
The default spell check suggestions toolbar for iOS.
![Image/visualization of the CupertinoSwitch widget.](/assets/images/docs/widget-catalog/cupertino-switch.png)
An iOS-style switch. Used to toggle the on/off state of a single setting.
![Image/visualization of the CupertinoTabBar widget.](/assets/images/docs/widget-catalog/cupertino-tab-bar.png)
An iOS-style bottom tab bar. Typically used with CupertinoTabScaffold.
Coordinates tab selection between a CupertinoTabBar and a CupertinoTabScaffold.
![Image/visualization of the CupertinoTabScaffold widget.](/assets/images/docs/widget-catalog/cupertino-tab-scaffold.png)
Tabbed iOS app structure. Positions a tab bar on top of tabs of content.
![Image/visualization of the CupertinoTabView widget.](/assets/images/docs/widget-catalog/cupertino-tab-view.png)
Root content of a tab that supports parallel navigation between tabs. Typically used with CupertinoTabScaffold.
![Image/visualization of the CupertinoTextField widget.](/assets/images/docs/widget-catalog/cupertino-textfield.png)
An iOS-style text field.
![Image/visualization of the CupertinoTextFormFieldRow widget.](/assets/images/docs/widget-catalog/CupertinoTextFormFieldRow.png)
Creates a CupertinoFormRow containing a FormField that wraps a CupertinoTextField.
![Image/visualization of the CupertinoTextMagnifier widget.](/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.
iOS-style text selection controls.
![Image/visualization of the CupertinoTextSelectionToolbar widget.](/assets/images/docs/widget-catalog/CupertinoTextSelectionToolbar.png)
An iOS-style text selection toolbar.
![Image/visualization of the CupertinoTextSelectionToolbarButton widget.](/assets/images/docs/widget-catalog/CupertinoTextSelectionToolbarButton.png)
A button in the style of the iOS text selection toolbar buttons.
Cupertino typography theme in a CupertinoThemeData.
Applies a visual styling theme to descendant Cupertino widgets.
Styling specifications for a CupertinoTheme.
Paints an iOS-style slider thumb or switch thumb.
![Image/visualization of the CupertinoTimerPicker widget.](/assets/images/docs/widget-catalog/CupertinoTimerPicker.png)
An iOS-style countdown timer picker.
更多 widget 请查看 核心 widget 目录。
除非另有说明,本文档之所提及适用于 Flutter 的最新稳定版本,本页面最后更新时间: 2024-09-04。 查看文档源码 或者 为本页面内容提出建议。