Skip to main content

Cupertino widgets

Beautiful and high-fidelity widgets that align with Apple's Human Interface Guidelines for iOS and macOS.

Rendered image or visualization of the CupertinoActionSheet widget.
CupertinoActionSheet

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

Rendered image or visualization of the CupertinoActionSheetAction widget.
CupertinoActionSheetAction

A button typically used in a CupertinoActionSheet.

Rendered image or visualization of the CupertinoActivityIndicator widget.
CupertinoActivityIndicator

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

Rendered image or visualization of the CupertinoAdaptiveTextSelectionToolbar widget.
CupertinoAdaptiveTextSelectionToolbar

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

Rendered image or visualization of the CupertinoAlertDialog widget.
CupertinoAlertDialog

An iOS-style alert dialog.

Rendered image or visualization of the CupertinoApp widget.
CupertinoApp

An application that uses Cupertino design.

Rendered image or visualization of the CupertinoButton widget.
CupertinoButton

An iOS-style button.

Rendered image or visualization of the CupertinoCheckBox widget.
CupertinoCheckBox

A macOS-style checkbox.

Rendered image or visualization of the CupertinoColors widget.
CupertinoColors

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

Rendered image or 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.

Rendered image or visualization of the CupertinoContextMenuAction widget.
CupertinoContextMenuAction

A button in a ContextMenuSheet.

Rendered image or visualization of the CupertinoDatePicker widget.
CupertinoDatePicker

An iOS-style date or date and time picker.

CupertinoDesktopTextSelectionControls

Desktop Cupertino styled text selection controls.

Rendered image or visualization of the CupertinoDesktopTextSelectionToolbar widget.
CupertinoDesktopTextSelectionToolbar

A macOS-style text selection toolbar.

Rendered image or visualization of the CupertinoDesktopTextSelectionToolbarButton widget.
CupertinoDesktopTextSelectionToolbarButton

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

Rendered image or 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.

Rendered image or visualization of the CupertinoFormRow widget.
CupertinoFormRow

An iOS-style form row.

Rendered image or visualization of the CupertinoFormSection widget.
CupertinoFormSection

An iOS-style form section.

Rendered image or visualization of the CupertinoFullscreenDialogTransition widget.
CupertinoFullscreenDialogTransition

An iOS-style transition used for summoning fullscreen dialogs.

CupertinoThemeData

Styling specifications for a CupertinoTheme.

Rendered image or visualization of the CupertinoListSection widget.
CupertinoListSection

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

Rendered image or visualization of the CupertinoListTile widget.
CupertinoListTile

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

Rendered image or 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.

Rendered image or visualization of the CupertinoNavigationBar widget.
CupertinoNavigationBar

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

Rendered image or 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.

Rendered image or visualization of the CupertinoPageTransition widget.
CupertinoPageTransition

Provides an iOS-style page transition animation.

Rendered image or 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.

Rendered image or visualization of the CupertinoRadio widget.
CupertinoRadio

A macOS-style radio button.

Rendered image or 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.

Rendered image or visualization of the CupertinoSearchTextField widget.
CupertinoSearchTextField

An iOS-style search field.

Rendered image or visualization of the CupertinoSlider widget.
CupertinoSlider

Used to select from a range of values.

Rendered image or visualization of the CupertinoSlidingSegmentedControl widget.
CupertinoSlidingSegmentedControl

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

Rendered image or 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.

Rendered image or visualization of the CupertinoSpellCheckSuggestionsToolbar widget.
CupertinoSpellCheckSuggestionsToolbar

The default spell check suggestions toolbar for iOS.

Rendered image or visualization of the CupertinoSwitch widget.
CupertinoSwitch

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

Rendered image or 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.

Rendered image or visualization of the CupertinoTabScaffold widget.
CupertinoTabScaffold

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

Rendered image or visualization of the CupertinoTabView widget.
CupertinoTabView

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

Rendered image or visualization of the CupertinoTextField widget.
CupertinoTextField

An iOS-style text field.

Rendered image or visualization of the CupertinoTextFormFieldRow widget.
CupertinoTextFormFieldRow

Creates a CupertinoFormRow containing a FormField that wraps a CupertinoTextField.

Rendered image or 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.

Rendered image or visualization of the CupertinoTextSelectionToolbar widget.
CupertinoTextSelectionToolbar

An iOS-style text selection toolbar.

Rendered image or 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.

Rendered image or visualization of the CupertinoTimerPicker widget.
CupertinoTimerPicker

An iOS-style countdown timer picker.

Find more widgets in the widget catalog.