Cupertino (iOS-style) widgets
Beautiful and high-fidelity widgets for current iOS design language.
See more widgets in the widget catalog.
![](https://imgs.xnip.cn/cj/docimg/142/a9a7bb0e-529e-438f-a5e8-4ffd107d4d1b.png)
An iOS-style modal bottom action sheet to choose an option among many.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/a1ccde6d-1810-4712-8c91-18a446209423.png)
An iOS-style activity indicator. Displays a circular 'spinner'.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/5f2e00be-eb9c-481e-84ac-fb29ddc34dbd.png)
An iOS-style alert dialog.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/769966cd-b5f0-4988-a53e-ff5dc59c4ba6.png)
An iOS-style button.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/cb171964-8cff-4754-9167-87afca97daf4.png)
An iOS-style date or date and time picker.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/d6064997-ad63-4161-9312-19e0bd84cb02.png)
An iOS-style dialog.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/31643c0c-860a-4b18-b520-126057ec3121.png)
A button typically used in a CupertinoAlertDialog.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/631cafd1-cb54-41a2-b5f2-07364a2c0b5f.png)
An iOS-style transition used for summoning fullscreen dialogs.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/63d70fab-9fd0-4cb5-8f4a-aa1e9c6b7e36.png)
Basic iOS style page layout structure. Positions a navigation bar and content on a background.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/ece6a1b4-b908-48a9-92a0-dd22fd4415f1.png)
Provides an iOS-style page transition animation.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/68f76222-e9c0-4fca-8782-4a2949ae86b0.png)
An iOS-style picker control. Used to select an item in a short list.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/85830f68-07f0-4ebf-b018-53070070e1e8.png)
Rounded rectangle surface that looks like an iOS popup surface, such as an alert dialog or action sheet.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/56983040-941d-4a88-b04a-8946557c56d0.png)
An iOS-style scrollbar that indicates which portion of a scrollable widget is currently visible.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/54f8ce69-a944-4ebe-846d-4ceb36186f9c.png)
An iOS-style segmented control. Used to select mutually exclusive options in a horizontal list.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/0241f7c7-c5bf-4581-b753-649ada3bdf80.png)
Used to select from a range of values.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/beb6dca7-e9ea-4450-bf2b-f566a27b2136.png)
An iOS-style switch. Used to toggle the on/off state of a single setting.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/662a9637-2e58-4765-85c5-7cb985b7d5cd.png)
An iOS-style top navigation bar. Typically used with CupertinoPageScaffold.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/985d72a9-d211-4f25-bc68-96baeb1809f9.png)
An iOS-style bottom tab bar. Typically used with CupertinoTabScaffold.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/8da6711f-ef2a-455a-902a-b4c735c826a6.png)
Tabbed iOS app structure. Positions a tab bar on top of tabs of content.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/542d54be-523e-4a8f-a024-4fdccfae8292.png)
Root content of a tab that supports parallel navigation between tabs. Typically used with CupertinoTabScaffold.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/4ddff241-d28e-4ab9-8946-89d090fd5d24.png)
An iOS-style text field.
Documentation![](https://imgs.xnip.cn/cj/docimg/142/6b6b60e9-81e0-44c0-b9d3-b8eec225a7b6.png)
An iOS-style countdown timer picker.
DocumentationSee more widgets in the widget catalog.