Cupertino 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.
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.
Find more widgets in the widget catalog.
Unless stated otherwise, the documentation on this site reflects the latest stable version of Flutter. Page last updated on 2024-09-11. View source or report an issue.