Saltar al contenido principal

Widgets de Cupertino

Un catálogo de widgets de Cupertino de Flutter. Widgets hermosos y de alta fidelidad que se alinean con las Human Interface Guidelines de Apple para iOS y macOS.

Widgets hermosos y de alta fidelidad que se alinean con las Human Interface Guidelines de Apple para iOS y macOS.

Imagen renderizada o visualización del Widget CupertinoActionSheet.
CupertinoActionSheet

Una hoja de acción modal inferior al estilo de iOS para elegir una opción entre muchas.

Imagen renderizada o visualización del Widget CupertinoActionSheetAction.
CupertinoActionSheetAction

Un botón típicamente utilizado en un CupertinoActionSheet.

Imagen renderizada o visualización del Widget CupertinoActivityIndicator.
CupertinoActivityIndicator

Un indicador de actividad al estilo de iOS. Muestra un 'spinner' circular.

Imagen renderizada o visualización del Widget CupertinoAdaptiveTextSelectionToolbar.
CupertinoAdaptiveTextSelectionToolbar

El menú de contexto de Cupertino predeterminado para la selección de texto en la plataforma actual con los hijos dados.

Imagen renderizada o visualización del Widget CupertinoAlertDialog.
CupertinoAlertDialog

Un diálogo de alerta al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoApp.
CupertinoApp

Una aplicación que utiliza el diseño de Cupertino.

Imagen renderizada o visualización del Widget CupertinoButton.
CupertinoButton

Un botón al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoCheckBox.
CupertinoCheckBox

Una casilla de verificación (checkbox) al estilo de macOS.

Imagen renderizada o visualización del Widget CupertinoColors.
CupertinoColors

Una paleta de constantes Color que describen los colores comúnmente utilizados para coincidir con la estética de la plataforma iOS.

Imagen renderizada o visualización del Widget CupertinoContextMenu.
CupertinoContextMenu

Una ruta modal de pantalla completa al estilo de iOS que se abre cuando se mantiene presionado el hijo. Se utiliza para mostrar acciones relevantes para tu contenido.

Imagen renderizada o visualización del Widget CupertinoContextMenuAction.
CupertinoContextMenuAction

Un botón en un ContextMenuSheet.

Imagen renderizada o visualización del Widget CupertinoDatePicker.
CupertinoDatePicker

Un selector de fecha o de fecha y hora al estilo de iOS.

CupertinoDesktopTextSelectionControls

Controles de selección de texto con estilo de Cupertino para escritorio.

Imagen renderizada o visualización del Widget CupertinoDesktopTextSelectionToolbar.
CupertinoDesktopTextSelectionToolbar

Una barra de herramientas de selección de texto al estilo de macOS.

Imagen renderizada o visualización del Widget CupertinoDesktopTextSelectionToolbarButton.
CupertinoDesktopTextSelectionToolbarButton

Un botón con el estilo de los botones del menú contextual de macOS.

Imagen renderizada o visualización del Widget CupertinoDialogAction.
CupertinoDialogAction

Un botón típicamente utilizado en un CupertinoAlertDialog.

CupertinoDialogRoute

Una ruta de diálogo que muestra un diálogo al estilo de iOS.

CupertinoDynamicColor

Una subclase de Color que representa una familia de colores, y el color efectivo correcto en la familia de colores.

Imagen renderizada o visualización del Widget CupertinoFormRow.
CupertinoFormRow

Una fila de formulario al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoFormSection.
CupertinoFormSection

Una sección de formulario al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoFullscreenDialogTransition.
CupertinoFullscreenDialogTransition

Una transición al estilo de iOS utilizada para invocar diálogos a pantalla completa.

CupertinoThemeData

Especificaciones de estilo para un CupertinoTheme.

Imagen renderizada o visualización del Widget CupertinoListSection.
CupertinoListSection

Contenedor que utiliza el estilo de iOS para mostrar una vista con scroll.

Imagen renderizada o visualización del Widget CupertinoListTile.
CupertinoListTile

Un bloque que utiliza el estilo de iOS para crear una fila en una lista.

Imagen renderizada o visualización del Widget CupertinoListTileChevron.
CupertinoListTileChevron

Un Widget final (trailing) típico de iOS utilizado para denotar que un CupertinoListTile es un botón con una acción.

CupertinoLocalizations

Define los valores de recursos localizados utilizados por los Widgets de Cupertino.

CupertinoMagnifier

Un RawMagnifier utilizado para ampliar texto en casos en los que el dedo del usuario pueda estar bloqueando el punto de interés, como un tirador de selección.

CupertinoModalPopupRoute

Una ruta que muestra un elemento emergente (popup) modal al estilo de iOS que se desliza hacia arriba desde la parte inferior de la pantalla.

Imagen renderizada o visualización del Widget CupertinoNavigationBar.
CupertinoNavigationBar

Contenedor en la parte superior de la pantalla que utiliza el estilo de iOS. Muchos desarrolladores usan esto con CupertinoPageScaffold.

Imagen renderizada o visualización del Widget CupertinoNavigationBarBackButton.
CupertinoNavigationBarBackButton

Un botón de retroceso de la barra de navegación típicamente utilizado en CupertinoNavigationBar.

CupertinoPage

Una página que crea un PageRoute con estilo de Cupertino.

CupertinoPageRoute

Una ruta modal que reemplaza toda la pantalla con una transición de iOS.

CupertinoPageScaffold

Estructura básica de diseño de página al estilo de iOS. Posiciona una barra de navegación y el contenido sobre un fondo.

Imagen renderizada o visualización del Widget CupertinoPageTransition.
CupertinoPageTransition

Proporciona una animación de transición de página al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoPicker.
CupertinoPicker

Un control selector (picker) al estilo de iOS. Se utiliza para seleccionar un elemento en una lista corta.

CupertinoPickerDefaultSelectionOverlay

Una superposición de selección predeterminada para CupertinoPickers.

CupertinoPopupSurface

Superficie rectangular redondeada que parece una superficie emergente (popup) de iOS, como un diálogo de alerta o una hoja de acción.

Imagen renderizada o visualización del Widget CupertinoRadio.
CupertinoRadio

Un botón de radio al estilo de macOS.

Imagen renderizada o visualización del Widget CupertinoScrollbar.
CupertinoScrollbar

Una barra de desplazamiento (scrollbar) al estilo de iOS que indica qué parte de un Widget con scroll es visible actualmente.

CupertinoScrollBehavior

Describe cómo se comportan los Widgets Scrollable para CupertinoApps.

Imagen renderizada o visualización del Widget CupertinoSearchTextField.
CupertinoSearchTextField

Un campo de búsqueda al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoSlider.
CupertinoSlider

Utilizado para seleccionar de un rango de valores.

Imagen renderizada o visualización del Widget CupertinoSlidingSegmentedControl.
CupertinoSlidingSegmentedControl

Un control segmentado al estilo de iOS 13. Se utiliza para seleccionar opciones mutuamente excluyentes en una lista horizontal.

Imagen renderizada o visualización del Widget CupertinoSliverNavigationBar.
CupertinoSliverNavigationBar

Una barra de navegación con títulos grandes al estilo de iOS 11 usando slivers.

CupertinoSliverRefreshControl

Un Widget sliver que implementa el control de contenido de tirar para actualizar al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoSpellCheckSuggestionsToolbar.
CupertinoSpellCheckSuggestionsToolbar

La barra de herramientas de sugerencias de corrector ortográfico predeterminada para iOS.

Imagen renderizada o visualización del Widget CupertinoSwitch.
CupertinoSwitch

Un interruptor (switch) al estilo de iOS. Se utiliza para alternar el estado activado/desactivado de una sola configuración.

Imagen renderizada o visualización del Widget CupertinoTabBar.
CupertinoTabBar

Una barra de pestañas inferior al estilo de iOS. Típicamente utilizada con CupertinoTabScaffold.

CupertinoTabController

Coordina la selección de pestañas entre un CupertinoTabBar y un CupertinoTabScaffold.

Imagen renderizada o visualización del Widget CupertinoTabScaffold.
CupertinoTabScaffold

Estructura de aplicación de iOS con pestañas. Posiciona una barra de pestañas encima de las pestañas de contenido.

Imagen renderizada o visualización del Widget CupertinoTabView.
CupertinoTabView

Contenido raíz de una pestaña que admite navegación paralela entre pestañas. Típicamente utilizado con CupertinoTabScaffold.

Imagen renderizada o visualización del Widget CupertinoTextField.
CupertinoTextField

Un campo de texto al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoTextFormFieldRow.
CupertinoTextFormFieldRow

Crea un CupertinoFormRow que contiene un FormField que envuelve un CupertinoTextField.

Imagen renderizada o visualización del Widget CupertinoTextMagnifier.
CupertinoTextMagnifier

Un CupertinoMagnifier utilizado para ampliar texto en casos en los que el dedo del usuario pueda estar bloqueando el punto de interés, como un tirador de selección.

CupertinoTextSelectionControls

Controles de selección de texto al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoTextSelectionToolbar.
CupertinoTextSelectionToolbar

Una barra de herramientas de selección de texto al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoTextSelectionToolbarButton.
CupertinoTextSelectionToolbarButton

Un botón con el estilo de los botones de la barra de herramientas de selección de texto de iOS.

CupertinoTextThemeData

Tema de tipografía de Cupertino en un CupertinoThemeData.

CupertinoTheme

Aplica un tema de estilo visual a los Widgets de Cupertino descendientes.

CupertinoThumbPainter

Dibuja un control deslizante (thumb) de slider o de interruptor (switch) al estilo de iOS.

Imagen renderizada o visualización del Widget CupertinoTimerPicker.
CupertinoTimerPicker

Un selector de temporizador de cuenta regresiva al estilo de iOS.

Encuentra más widgets en el catálogo de widgets.