Cupertino 组件
精美且高度保真的小部件,符合 Apple 的 iOS 和 macOS 人机界面指南。
![Image/visualization of the CupertinoActionSheet widget.](/assets/images/docs/widget-catalog/cupertino-action-sheet.png)
一个iOS风格的模态底部操作表单,用于在多个选项中选择一个。
![Image/visualization of the CupertinoActionSheetAction widget.](/assets/images/docs/widget-catalog/cupertino-action-sheet.png)
通常在CupertinoActionSheet中使用的按钮。
![Image/visualization of the CupertinoActivityIndicator widget.](/assets/images/docs/widget-catalog/cupertino-activity-indicator.png)
一个iOS风格的活动指示器。显示一个圆形的“旋转器”。
![Image/visualization of the CupertinoAdaptiveTextSelectionToolbar widget.](/assets/images/docs/widget-catalog/CupertinoAdaptiveTextSelectionToolbar.png)
具有给定子部件的当前平台文本选择的默认Cupertino上下文菜单。
![Image/visualization of the CupertinoAlertDialog widget.](/assets/images/docs/widget-catalog/cupertino-alert-dialog.png)
一个iOS风格的警告对话框。
![Image/visualization of the CupertinoApp widget.](/assets/images/docs/widget-catalog/CupertinoApp.png)
一个使用Cupertino设计的应用程序。
![Image/visualization of the CupertinoButton widget.](/assets/images/docs/widget-catalog/cupertino-button.png)
一个iOS风格的按钮。
![Image/visualization of the CupertinoCheckBox widget.](/assets/images/docs/widget-catalog/CupertinoCheckbox.png)
一个macOS风格的复选框。
![Image/visualization of the CupertinoColors widget.](/assets/images/docs/widget-catalog/CupertinoColors.png)
一组颜色常量,用于匹配 iOS 平台的美感。
![Image/visualization of the CupertinoContextMenu widget.](/assets/images/docs/widget-catalog/cupertino-context-menu.png)
一个 iOS 风格的全屏模态路由,当长按子部件时打开。用于显示内容的相关操作。
![Image/visualization of the CupertinoContextMenuAction widget.](/assets/images/docs/widget-catalog/CupertinoContextMenuAction.png)
ContextMenuSheet 中的一个按钮。
![Image/visualization of the CupertinoDatePicker widget.](/assets/images/docs/widget-catalog/CupertinoDatePicker.png)
一个 iOS 风格的日期或日期和时间选择器。
桌面 Cupertino 风格的文本选择控件。
![Image/visualization of the CupertinoDesktopTextSelectionToolbar widget.](/assets/images/docs/widget-catalog/CupertinoDesktopTextSelectionToolbar.png)
一个 macOS 风格的文本选择工具栏。
![Image/visualization of the CupertinoDesktopTextSelectionToolbarButton widget.](/assets/images/docs/widget-catalog/CupertinoDesktopTextSelectionToolbarButton.png)
一个 macOS 上下文菜单按钮样式的按钮。
![Image/visualization of the CupertinoDialogAction widget.](/assets/images/docs/widget-catalog/cupertino-dialog-action.png)
通常在 CupertinoAlertDialog 中使用的按钮。
显示 iOS 风格对话框的对话框路由。
一个 Color 子类,表示一系列颜色以及颜色系列中正确的有效颜色。
![Image/visualization of the CupertinoFormRow widget.](/assets/images/docs/widget-catalog/CupertinoFormRow.png)
一个 iOS 风格的表单行。
![Image/visualization of the CupertinoFormSection widget.](/assets/images/docs/widget-catalog/CupertinoFormSection.png)
一个 iOS 风格的表单部分。
![Image/visualization of the CupertinoFullscreenDialogTransition widget.](/assets/images/docs/widget-catalog/cupertino-fullscreen-dialog-transition.png)
用于调用全屏对话框的 iOS 风格过渡。
CupertinoTheme 的样式规范。
![Image/visualization of the CupertinoListSection widget.](/assets/images/docs/widget-catalog/cupertino-list-section.png)
使用 iOS 风格显示可滚动视图的容器。
![Image/visualization of the CupertinoListTile widget.](/assets/images/docs/widget-catalog/cupertino-list-tile.png)
使用 iOS 风格在列表中创建行的块。
![Image/visualization of the CupertinoListTileChevron widget.](/assets/images/docs/widget-catalog/CupertinoListTileChevron.png)
一个典型的 iOS 尾部部件,用于表示 CupertinoListTile 是一个带有操作的按钮。
定义 Cupertino 部件使用的本地化资源值。
一个 RawMagnifier,用于放大文本,在这种情况下,用户的手指可能会遮挡感兴趣的点,例如选择句柄。
一个显示从屏幕底部滑出的 iOS 风格模态弹出窗口的路由。
![Image/visualization of the CupertinoNavigationBar widget.](/assets/images/docs/widget-catalog/cupertino-nav-bar.png)
屏幕顶部使用 iOS 风格的容器。许多开发人员将此与 `CupertinoPageScaffold` 一起使用。
![Image/visualization of the CupertinoNavigationBarBackButton widget.](/assets/images/docs/widget-catalog/CupertinoNavigationBarBackButton.png)
通常在 CupertinoNavigationBar 中使用的导航栏后退按钮。
创建一个 cupertino 风格 PageRoute 的页面。
一个模态路由,用 iOS 过渡替换整个屏幕。
基本的 iOS 风格页面布局结构。在背景上放置导航栏和内容。
![Image/visualization of the CupertinoPageTransition widget.](/assets/images/docs/widget-catalog/cupertino-page-transition.png)
提供 iOS 风格的页面过渡动画。
![Image/visualization of the CupertinoPicker widget.](/assets/images/docs/widget-catalog/CupertinoPicker.png)
一个 iOS 风格的选择器控件。用于在一个简短列表中选择一个项目。
CupertinoPicker 的默认选择覆盖层。
一个圆角矩形表面,看起来像一个 iOS 弹出式表面,例如警告对话框或操作表单。
![Image/visualization of the CupertinoRadio widget.](/assets/images/docs/widget-catalog/CupertinoRadio.png)
一个 macOS 风格的单选按钮。
![Image/visualization of the CupertinoScrollbar widget.](/assets/images/docs/widget-catalog/cupertino-scrollbar.png)
一个 iOS 风格的滚动条,指示可滚动部件的哪个部分当前可见。
描述 Scrollable 部件在 CupertinoApp 中的行为方式。
![Image/visualization of the CupertinoSearchTextField widget.](/assets/images/docs/widget-catalog/cupertino-search-field.png)
一个 iOS 风格的搜索字段。
![Image/visualization of the CupertinoSegmentedControl widget.](/assets/images/docs/widget-catalog/cupertino-segmented-control.png)
一个 iOS 风格的分段控件。用于在一个水平列表中选择互斥选项。
![Image/visualization of the CupertinoSlider widget.](/assets/images/docs/widget-catalog/cupertino-slider.png)
用于从一系列值中进行选择。
![Image/visualization of the CupertinoSlidingSegmentedControl widget.](/assets/images/docs/widget-catalog/cupertino-sliding-segmented-control.png)
一个 iOS-13 风格的分段控件。用于在一个水平列表中选择互斥选项。
![Image/visualization of the CupertinoSliverNavigationBar widget.](/assets/images/docs/widget-catalog/cupertino-sliver-navigation-bar.png)
一个带有 iOS-11 风格大标题的 sliver 导航栏。
一个实现 iOS 风格下拉刷新内容控件的 sliver 部件。
![Image/visualization of the CupertinoSpellCheckSuggestionsToolbar widget.](/assets/images/docs/widget-catalog/CupertinoSpellCheckSuggestionsToolbar.png)
iOS 的默认拼写检查建议工具栏。
![Image/visualization of the CupertinoSwitch widget.](/assets/images/docs/widget-catalog/cupertino-switch.png)
一个 iOS 风格的开关。用于切换单个设置的开/关状态。
![Image/visualization of the CupertinoTabBar widget.](/assets/images/docs/widget-catalog/cupertino-tab-bar.png)
一个 iOS 风格的底部标签栏。通常与 CupertinoTabScaffold 一起使用。
协调 CupertinoTabBar 和 CupertinoTabScaffold 之间的标签选择。
![Image/visualization of the CupertinoTabScaffold widget.](/assets/images/docs/widget-catalog/cupertino-tab-scaffold.png)
标签式 iOS 应用程序结构。在内容标签之上放置标签栏。
![Image/visualization of the CupertinoTabView widget.](/assets/images/docs/widget-catalog/cupertino-tab-view.png)
支持标签之间并行导航的标签的根内容。通常与 CupertinoTabScaffold 一起使用。
![Image/visualization of the CupertinoTextField widget.](/assets/images/docs/widget-catalog/cupertino-textfield.png)
一个 iOS 风格的文本字段。
![Image/visualization of the CupertinoTextFormFieldRow widget.](/assets/images/docs/widget-catalog/CupertinoTextFormFieldRow.png)
创建一个包含包装了 CupertinoTextField 的 FormField 的 CupertinoFormRow。
![Image/visualization of the CupertinoTextMagnifier widget.](/assets/images/docs/widget-catalog/CupertinoTextMagnifier.png)
一个 CupertinoMagnifier,用于放大文本,在这种情况下,用户的手指可能会遮挡感兴趣的点,例如选择句柄。
iOS 风格的文本选择控件。
![Image/visualization of the CupertinoTextSelectionToolbar widget.](/assets/images/docs/widget-catalog/CupertinoTextSelectionToolbar.png)
一个 iOS 风格的文本选择工具栏。
![Image/visualization of the CupertinoTextSelectionToolbarButton widget.](/assets/images/docs/widget-catalog/CupertinoTextSelectionToolbarButton.png)
一个 iOS 文本选择工具栏按钮样式的按钮。
CupertinoThemeData 中的 Cupertino 排版主题。
将视觉样式主题应用于后代 Cupertino 部件。
绘制 iOS 风格的滑块或开关滑块。
![Image/visualization of the CupertinoTimerPicker widget.](/assets/images/docs/widget-catalog/CupertinoTimerPicker.png)
一个 iOS 风格的倒计时计时器选择器。
Find more widgets in the widget catalog.
除非另有说明,否则本网站上的文档反映的是 Flutter 的最新稳定版本。页面最后更新于 2025-01-30。 查看源代码 或 报告问题。