Skip to main content

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.
CupertinoActionSheet

An iOS-style modal bottom action sheet to choose an option among many.

Image/visualization of the CupertinoActionSheetAction widget.
CupertinoActionSheetAction

A button typically used in a CupertinoActionSheet.

Image/visualization of the CupertinoActivityIndicator widget.
CupertinoActivityIndicator

An iOS-style activity indicator. Displays a circular 'spinner'.

Image/visualization of the CupertinoAdaptiveTextSelectionToolbar widget.
CupertinoAdaptiveTextSelectionToolbar

The default Cupertino context menu for text selection for the current platform with the given children.

Image/visualization of the CupertinoAlertDialog widget.
CupertinoAlertDialog

An iOS-style alert dialog.

Image/visualization of the CupertinoApp widget.
CupertinoApp

An application that uses Cupertino design.

Image/visualization of the CupertinoButton widget.
CupertinoButton

An iOS-style button.

Image/visualization of the CupertinoCheckBox widget.
CupertinoCheckBox

A macOS-style checkbox.

Image/visualization of the CupertinoColors widget.
CupertinoColors

A palette of Color constants that describe colors commonly used when matching the iOS platform aesthetics.

Image/visualization of the CupertinoContextMenu widget.
CupertinoContextMenu

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.
CupertinoContextMenuAction

A button in a ContextMenuSheet.

Image/visualization of the CupertinoDatePicker widget.
CupertinoDatePicker

An iOS-style date or date and time picker.

CupertinoDesktopTextSelectionControls

Desktop Cupertino styled text selection controls.

Image/visualization of the CupertinoDesktopTextSelectionToolbar widget.
CupertinoDesktopTextSelectionToolbar

A macOS-style text selection toolbar.

Image/visualization of the CupertinoDesktopTextSelectionToolbarButton widget.
CupertinoDesktopTextSelectionToolbarButton

A button in the style of the macOS context menu buttons.

Image/visualization of the CupertinoDialogAction widget.
CupertinoDialogAction

A button typically used in a CupertinoAlertDialog.

CupertinoDialogRoute

A dialog route that shows an iOS-style dialog.

CupertinoDynamicColor

A Color subclass that represents a family of colors, and the correct effective color in the color family.

Image/visualization of the CupertinoFormRow widget.
CupertinoFormRow

An iOS-style form row.

Image/visualization of the CupertinoFormSection widget.
CupertinoFormSection

An iOS-style form section.

Image/visualization of the CupertinoFullscreenDialogTransition widget.
CupertinoFullscreenDialogTransition

An iOS-style transition used for summoning fullscreen dialogs.

CupertinoThemeData

Styling specifications for a CupertinoTheme.

Image/visualization of the CupertinoListSection widget.
CupertinoListSection

Container that uses the iOS style to display a scrollable view.

Image/visualization of the CupertinoListTile widget.
CupertinoListTile

A block that uses the iOS style to create a row in a list.

Image/visualization of the CupertinoListTileChevron widget.
CupertinoListTileChevron

A typical iOS trailing widget used to denote that a CupertinoListTile is a button with an action.

CupertinoLocalizations

Defines the localized resource values used by the Cupertino widgets.

CupertinoMagnifier

A RawMagnifier used for magnifying text in cases where a user's finger may be blocking the point of interest, like a selection handle.

CupertinoModalPopupRoute

A route that shows a modal iOS-style popup that slides up from the bottom of the screen.

Image/visualization of the CupertinoNavigationBar widget.
CupertinoNavigationBar

Container at the top of a screen that uses the iOS style. Many developers use this with `CupertinoPageScaffold`.

Image/visualization of the CupertinoNavigationBarBackButton widget.
CupertinoNavigationBarBackButton

A nav bar back button typically used in CupertinoNavigationBar.

CupertinoPage

A page that creates a cupertino style PageRoute.

CupertinoPageRoute

A modal route that replaces the entire screen with an iOS transition.

CupertinoPageScaffold

Basic iOS style page layout structure. Positions a navigation bar and content on a background.

Image/visualization of the CupertinoPageTransition widget.
CupertinoPageTransition

Provides an iOS-style page transition animation.

Image/visualization of the CupertinoPicker widget.
CupertinoPicker

An iOS-style picker control. Used to select an item in a short list.

CupertinoPickerDefaultSelectionOverlay

A default selection overlay for CupertinoPickers.

CupertinoPopupSurface

Rounded rectangle surface that looks like an iOS popup surface, such as an alert dialog or action sheet.

Image/visualization of the CupertinoRadio widget.
CupertinoRadio

A macOS-style radio button.

Image/visualization of the CupertinoScrollbar widget.
CupertinoScrollbar

An iOS-style scrollbar that indicates which portion of a scrollable widget is currently visible.

CupertinoScrollBehavior

Describes how Scrollable widgets behave for CupertinoApps.

Image/visualization of the CupertinoSearchTextField widget.
CupertinoSearchTextField

An iOS-style search field.

Image/visualization of the CupertinoSegmentedControl widget.
CupertinoSegmentedControl

An iOS-style segmented control. Used to select mutually exclusive options in a horizontal list.

Image/visualization of the CupertinoSlider widget.
CupertinoSlider

Used to select from a range of values.

Image/visualization of the CupertinoSlidingSegmentedControl widget.
CupertinoSlidingSegmentedControl

An iOS-13-style segmented control. Used to select mutually exclusive options in a horizontal list.

Image/visualization of the CupertinoSliverNavigationBar widget.
CupertinoSliverNavigationBar

A navigation bar with iOS-11-style large titles using slivers.

CupertinoSliverRefreshControl

A sliver widget implementing the iOS-style pull to refresh content control.

Image/visualization of the CupertinoSpellCheckSuggestionsToolbar widget.
CupertinoSpellCheckSuggestionsToolbar

The default spell check suggestions toolbar for iOS.

Image/visualization of the CupertinoSwitch widget.
CupertinoSwitch

An iOS-style switch. Used to toggle the on/off state of a single setting.

Image/visualization of the CupertinoTabBar widget.
CupertinoTabBar

An iOS-style bottom tab bar. Typically used with CupertinoTabScaffold.

CupertinoTabController

Coordinates tab selection between a CupertinoTabBar and a CupertinoTabScaffold.

Image/visualization of the CupertinoTabScaffold widget.
CupertinoTabScaffold

Tabbed iOS app structure. Positions a tab bar on top of tabs of content.

Image/visualization of the CupertinoTabView widget.
CupertinoTabView

Root content of a tab that supports parallel navigation between tabs. Typically used with CupertinoTabScaffold.

Image/visualization of the CupertinoTextField widget.
CupertinoTextField

An iOS-style text field.

Image/visualization of the CupertinoTextFormFieldRow widget.
CupertinoTextFormFieldRow

Creates a CupertinoFormRow containing a FormField that wraps a CupertinoTextField.

Image/visualization of the CupertinoTextMagnifier widget.
CupertinoTextMagnifier

A CupertinoMagnifier used for magnifying text in cases where a user's finger may be blocking the point of interest, like a selection handle.

CupertinoTextSelectionControls

iOS-style text selection controls.

Image/visualization of the CupertinoTextSelectionToolbar widget.
CupertinoTextSelectionToolbar

An iOS-style text selection toolbar.

Image/visualization of the CupertinoTextSelectionToolbarButton widget.
CupertinoTextSelectionToolbarButton

A button in the style of the iOS text selection toolbar buttons.

CupertinoTextThemeData

Cupertino typography theme in a CupertinoThemeData.

CupertinoTheme

Applies a visual styling theme to descendant Cupertino widgets.

CupertinoThumbPainter

Paints an iOS-style slider thumb or switch thumb.

Image/visualization of the CupertinoTimerPicker widget.
CupertinoTimerPicker

An iOS-style countdown timer picker.

Find more widgets in the widget catalog.