Cupertino (iOS-style) widgets
Flutter widgets implementing the current iOS design language.
To use, import package:flutter/cupertino.dart.
| Widget | Preview | Description |
|---|---|---|
| CupertinoActionSheet |
|
An iOS-style modal bottom action sheet to choose an option among many. |
| CupertinoActivityIndicator |
|
An iOS-style activity indicator. Displays a circular 'spinner'. |
| CupertinoAlertDialog |
|
An iOS-style alert dialog. |
| CupertinoButton |
|
An iOS-style button. |
| CupertinoContextMenu |
|
An iOS-style full-screen modal route that opens when the child is long-pressed. Used to display relevant actions for your content. |
| CupertinoDatePicker |
|
An iOS-style date or date and time picker. |
| CupertinoDialogAction |
|
A button typically used in a CupertinoAlertDialog. |
| CupertinoFullscreenDialogTransition |
|
An iOS-style transition used for summoning fullscreen dialogs. |
| CupertinoNavigationBar |
|
An iOS-style top navigation bar. Typically used with CupertinoPageScaffold. |
| CupertinoPageScaffold |
|
Basic iOS style page layout structure. Positions a navigation bar and content on a background. |
| CupertinoPageTransition |
|
Provides an iOS-style page transition animation. |
| CupertinoPicker |
|
An iOS-style picker control. Used to select an item in a short list. |
| CupertinoPopupSurface |
|
Rounded rectangle surface that looks like an iOS popup surface, such as an alert dialog or action sheet. |
| CupertinoScrollbar |
|
An iOS-style scrollbar that indicates which portion of a scrollable widget is currently visible. |
| CupertinoSearchTextField |
|
An iOS-style search field. |
| CupertinoSegmentedControl |
|
An iOS-style segmented control. Used to select mutually exclusive options in a horizontal list. |
| CupertinoSlider |
|
Used to select from a range of values. |
| CupertinoSlidingSegmentedControl |
|
An iOS-13-style segmented control. Used to select mutually exclusive options in a horizontal list. |
| CupertinoSliverNavigationBar |
|
An iOS-styled navigation bar with iOS-11-style large titles using slivers. |
| CupertinoSwitch |
|
An iOS-style switch. Used to toggle the on/off state of a single setting. |
| CupertinoTabBar |
|
An iOS-style bottom tab bar. Typically used with CupertinoTabScaffold. |
| CupertinoTabScaffold |
|
Tabbed iOS app structure. Positions a tab bar on top of tabs of content. |
| CupertinoTabView |
|
Root content of a tab that supports parallel navigation between tabs. Typically used with CupertinoTabScaffold. |
| CupertinoTextField |
|
An iOS-style text field. |
| CupertinoTimerPicker |
|
An iOS-style countdown timer picker. |