Índice de Widgets de Flutter
Una lista alfabética de Widgets de Flutter.
Esta es una lista alfabética de muchos de los Widgets que están integrados con Flutter. También puedes explorar los Widgets por categoría.
Tal vez también quieras echar un vistazo a nuestra serie de videos Widget of the Week en el canal de YouTube de Flutter. Cada episodio corto presenta un Widget de Flutter diferente. Para ver más series de videos, consulta nuestra página de videos.
Lista de reproducción de Widget of the Week
Un Widget que absorbe punteros durante el hit testing. Cuando absorbing es true, este Widget evita que su subárbol reciba eventos de puntero al terminar el hit testing...
Contenedores flotantes que solicitan a los usuarios de la aplicación que proporcionen más datos o tomen una decisión.
Un Widget que alinea a su hijo dentro de sí mismo y opcionalmente se dimensiona en función del tamaño del hijo.
Versión animada de un Align que anima su propiedad Align.alignment.
Transición animada que mueve la posición del hijo durante una duración determinada cada vez que cambia la alineación dada.
Un Widget de propósito general para construir animaciones. AnimatedBuilder es útil para Widgets más complejos que desean incluir animación como parte de una función build más grande....
Un contenedor que cambia gradualmente sus valores a lo largo de un período de tiempo.
Un Widget que realiza una transición con desvanecimiento cruzado (cross-fade) entre dos hijos dados y se anima entre sus tamaños.
Versión animada de DefaultTextStyle que transiciona automáticamente el estilo de texto predeterminado (el estilo de texto que se aplica a los Widgets Text descendientes sin estilo explícito) a lo largo de un...
Un contenedor con scroll que anima los elementos cuando se insertan o se eliminan.
El state para un contenedor con scroll que anima los elementos cuando se insertan o se eliminan.
Un Widget que evita que el usuario interactúe con los Widgets detrás de sí mismo.
Versión animada de Opacity que transiciona automáticamente la opacidad del hijo durante una duración determinada cada vez que cambia la opacidad dada.
Versión animada de PhysicalModel.
Versión animada de Positioned que transiciona automáticamente la posición del hijo durante una duración determinada cada vez que cambia la posición dada.
Versión animada de Transform.scale que transiciona automáticamente la escala del hijo durante una duración determinada cada vez que cambia la escala dada.
Widget animado que transiciona automáticamente su tamaño durante una duración determinada cada vez que cambia el tamaño del hijo dado.
Un Widget que se reconstruye cuando el Listenable dado cambia de valor.
Contenedor que muestra contenido y acciones en la parte superior de la pantalla.
Un Widget que intenta dimensionar al hijo con una relación de aspecto específica.
Los asset bundles contienen recursos, como imágenes y cadenas de texto, que pueden ser utilizados por una aplicación. El acceso a estos recursos es asíncrono para que...
Un Widget para ayudar al usuario a realizar una selección introduciendo algo de texto y eligiendo entre una lista de opciones.
Un Widget que aplica un filtro al contenido dibujado existente y luego dibuja un hijo. Este efecto es relativamente costoso, especialmente si el filtro...
Bloque similar a un icono que transmite contenido dinámico como recuentos o estados. Puede incluir etiquetas o números.
Contenedor que posiciona a su hijo de acuerdo con la línea base (baseline) del hijo.
Contenedor que muestra navegación y acciones clave en la parte inferior de la pantalla.
Contenedores que anclan contenido complementario en la parte inferior de la pantalla.
Contenedor que incluye herramientas para explorar y alternar entre vistas de nivel superior con un solo toque.
Contenedor para piezas de contenido cortas y relacionadas que se muestran en una caja con esquinas redondeadas y una sombra paralela.
Un Widget de carrusel de Material que presenta una lista desplegable de elementos con scroll, cada uno de los cuales puede cambiar dinámicamente de tamaño según el diseño elegido.
Bloque de alineación que centra a su hijo dentro de sí mismo.
Control de formulario que los usuarios de la aplicación pueden marcar o desmarcar para seleccionar una o más opciones de un conjunto.
Bloques pequeños que simplifican la introducción de información, la realización de selecciones, el filtrado de contenido o la activación de acciones.
Indicador de progreso circular que gira para indicar que la aplicación está ocupada.
Un Widget que recorta a su hijo usando un óvalo.
Un Widget que recorta a su hijo usando una ruta (path).
Un Widget que recorta a su hijo usando un rectángulo.
Organiza una lista de Widgets hijos en dirección vertical.
Bloques en los que se puede hacer clic que inician una acción, como enviar un correo electrónico, compartir un documento o dar me gusta a un comentario.
Un Widget que impone restricciones adicionales a su hijo.
Un Widget de conveniencia que combina Widgets comunes de pintura, posicionamiento y tamaño.
Una hoja de acción modal inferior al estilo de iOS para elegir una opción entre muchas.
Un botón típicamente utilizado en un CupertinoActionSheet.
Un indicador de actividad al estilo de iOS. Muestra un 'spinner' circular.
El menú de contexto de Cupertino predeterminado para la selección de texto en la plataforma actual con los hijos dados.
Un diálogo de alerta al estilo de iOS.
Una aplicación que utiliza el diseño de Cupertino.
Un botón al estilo de iOS.
Una casilla de verificación (checkbox) al estilo de macOS.
Una paleta de constantes Color que describen los colores comúnmente utilizados para coincidir con la estética de la plataforma iOS.
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.
Un botón en un ContextMenuSheet.
Un selector de fecha o de fecha y hora al estilo de iOS.
Controles de selección de texto con estilo de Cupertino para escritorio.
Una barra de herramientas de selección de texto al estilo de macOS.
Un botón con el estilo de los botones del menú contextual de macOS.
Un botón típicamente utilizado en un CupertinoAlertDialog.
Una ruta de diálogo que muestra un diálogo al estilo de iOS.
Una subclase de Color que representa una familia de colores, y el color efectivo correcto en la familia de colores.
Una fila de formulario al estilo de iOS.
Una sección de formulario al estilo de iOS.
Una transición al estilo de iOS utilizada para invocar diálogos a pantalla completa.
Contenedor que utiliza el estilo de iOS para mostrar una vista con scroll.
Un bloque que utiliza el estilo de iOS para crear una fila en una lista.
Un Widget final (trailing) típico de iOS utilizado para denotar que un CupertinoListTile es un botón con una acción.
Define los valores de recursos localizados utilizados por los Widgets de Cupertino.
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.
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.
Contenedor en la parte superior de la pantalla que utiliza el estilo de iOS. Muchos desarrolladores usan esto con CupertinoPageScaffold.
Un botón de retroceso de la barra de navegación típicamente utilizado en CupertinoNavigationBar.
Una página que crea un PageRoute con estilo de Cupertino.
Una ruta modal que reemplaza toda la pantalla con una transición de iOS.
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.
Proporciona una animación de transición de página al estilo de iOS.
Un control selector (picker) al estilo de iOS. Se utiliza para seleccionar un elemento en una lista corta.
Una superposición de selección predeterminada para CupertinoPickers.
Superficie rectangular redondeada que parece una superficie emergente (popup) de iOS, como un diálogo de alerta o una hoja de acción.
Un botón de radio al estilo de macOS.
Describe cómo se comportan los Widgets Scrollable para CupertinoApps.
Una barra de desplazamiento (scrollbar) al estilo de iOS que indica qué parte de un Widget con scroll es visible actualmente.
Un campo de búsqueda al estilo de iOS.
Utilizado para seleccionar de un rango de valores.
Un control segmentado al estilo de iOS 13. Se utiliza para seleccionar opciones mutuamente excluyentes en una lista horizontal.
Una barra de navegación con títulos grandes al estilo de iOS 11 usando slivers.
Un Widget sliver que implementa el control de contenido de tirar para actualizar al estilo de iOS.
La barra de herramientas de sugerencias de corrector ortográfico predeterminada para iOS.
Un interruptor (switch) al estilo de iOS. Se utiliza para alternar el estado activado/desactivado de una sola configuración.
Una barra de pestañas inferior al estilo de iOS. Típicamente utilizada con CupertinoTabScaffold.
Coordina la selección de pestañas entre un CupertinoTabBar y un CupertinoTabScaffold.
Estructura de aplicación de iOS con pestañas. Posiciona una barra de pestañas encima de las pestañas de contenido.
Contenido raíz de una pestaña que admite navegación paralela entre pestañas. Típicamente utilizado con CupertinoTabScaffold.
Un campo de texto al estilo de iOS.
Crea un CupertinoFormRow que contiene un FormField que envuelve un CupertinoTextField.
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.
Controles de selección de texto al estilo de iOS.
Una barra de herramientas de selección de texto al estilo de iOS.
Un botón con el estilo de los botones de la barra de herramientas de selección de texto de iOS.
Tema de tipografía de Cupertino en un CupertinoThemeData.
Aplica un tema de estilo visual a los Widgets de Cupertino descendientes.
Especificaciones de estilo para un CupertinoTheme.
Dibuja un control deslizante (thumb) de slider o de interruptor (switch) al estilo de iOS.
Un selector de temporizador de cuenta regresiva al estilo de iOS.
Un Widget que utiliza un delegado para dimensionar y posicionar múltiples hijos.
Un Widget que proporciona un lienzo (canvas) en el que dibujar durante la fase de pintura.
Un CustomScrollView que crea efectos de scroll personalizados utilizando slivers.
Un Widget que delega el diseño de su único hijo a un delegado.
Las tablas de datos muestran conjuntos de datos sin procesar. Suelen aparecer en productos empresarales de escritorio. El Widget DataTable implementa este componente.
Interfaz de calendario utilizada para seleccionar una fecha o un rango de fechas.
Un Widget que dibuja una Decoration antes o después de que se dibuje su hijo.
Versión animada de un DecoratedBox que anima las diferentes propiedades de su Decoration.
El estilo de texto que se aplica a los Widgets Text descendientes sin estilo explícito.
Versión animada de un DefaultTextStyle que anima las diferentes propiedades de su TextStyle.
Un Widget que se puede descartar arrastrándolo en la dirección indicada. Arrastrar o lanzar este Widget en la dirección DismissDirection hace que el hijo se deslice...
Línea delgada que agrupa el contenido en listas y contenedores.
Un Widget que recibe datos cuando se suelta un Widget Draggable. Cuando un elemento arrastrable se arrastra sobre un destino de arrastre, el destino de arrastre...
Un Widget que se puede arrastrar a un DragTarget. Cuando un Widget arrastrable reconoce el inicio de un gesto de arrastre, muestra un elemento visual de retroalimentación (feedback)...
Un contenedor para un Scrollable que responde a gestos de arrastre redimensionando el scrollable hasta alcanzar un límite y luego haciendo scroll.
Un panel de Material Design que se desliza horizontalmente desde el borde de un Scaffold para mostrar enlaces de navegación en una aplicación.
Muestra el elemento seleccionado actualmente y una flecha que abre un menú para seleccionar otro elemento.
Un botón elevado de Material Design. Un botón relleno cuyo material se eleva al presionarlo.
Un Widget que descarta todas las semánticas de sus descendientes. Esto se puede utilizar para ocultar sub-widgets que de otro modo se reportarían pero que...
Un Widget que expande a un hijo de un Row, Column o Flex.
Los paneles de expansión contienen flujos de creación y permiten la edición ligera de un elemento. El Widget ExpansionPanel implementa este componente.
Bloque en el que se puede hacer clic que activa una acción. Estos bloques más anchos pueden acomodar una etiqueta de texto y proporcionan un área de destino más grande.
Anima la opacidad de un Widget.
Escala y posiciona a su hijo dentro de sí mismo según el ajuste (fit).
Bloque en el que se puede hacer clic que contiene un icono que mantiene una acción clave siempre a mano.
Un Widget que implementa el algoritmo de diseño flow.
El logotipo de Flutter, en forma de Widget. Este Widget respeta el IconTheme.
Un contenedor opcional para agrupar múltiples Widgets de campo de formulario (por ejemplo, Widgets TextField).
Un único campo de formulario. Este Widget mantiene el State actual del campo de formulario, de modo que las actualizaciones y los errores de validación se reflejen visualmente en el...
Un Widget que aplica una traslación expresada como una fracción del tamaño de la caja antes de dibujar a su hijo.
Un Widget que dimensiona a su hijo a una fracción del espacio total disponible. Para obtener más detalles sobre el algoritmo de diseño, consulta RenderFractionallySizedOverflowBox.
Widget que se construye a sí mismo basándose en la última instantánea (snapshot) de interacción con un Future.
Un Widget que detecta gestos. Intenta reconocer gestos que correspondan a sus funciones de devolución de llamada (callbacks) que no sean nulas. Si este Widget tiene un hijo, se delega a ese...
Una lista en cuadrícula consiste en un patrón repetido de celdas dispuestas en un diseño vertical y horizontal. El Widget GridView implementa este componente.
Un Widget que marca a su hijo como candidato para animaciones hero.
Un icono de Material Design.
Iconos en los que se puede hacer clic para sugerir a los usuarios de la aplicación que realicen acciones complementarias.
Un Widget que es invisible durante el hit testing. Cuando ignoring es true, este Widget (y su subárbol) es invisible para el hit testing. Aún consume...
A widget that displays an image.
Una clase abstracta para construir Widgets que animan los cambios en sus propiedades.
Un Stack que muestra un solo hijo de una lista de hijos.
Un Widget que habilita interacciones de arrastre (pan) y zoom con su hijo.
Un Widget que dimensiona a su hijo al alto intrínseco del hijo.
Un Widget que dimensiona a su hijo al ancho intrínseco del hijo.
Un Widget que llama a una función de devolución de llamada cada vez que el usuario presiona o suelta una tecla en un teclado.
Construye un árbol de Widgets que puede depender del tamaño del Widget padre.
Una caja que limita su tamaño solo cuando no tiene restricciones (unconstrained).
Línea vertical que cambia de color a medida que se completa un proceso en curso, como cargar una aplicación o enviar un formulario.
Un Widget que organiza a sus hijos secuencialmente a lo largo de un eje dado, forzándolos a la dimensión del padre en el otro eje.
Una sola fila de altura fija que típicamente contiene algo de texto así como un icono inicial (leading) o final (trailing).
Una lista lineal con scroll de Widgets. ListView es el Widget con scroll más comúnmente utilizado. Muestra a sus hijos uno tras otro en la dirección del scroll....
Hace que su hijo sea arrastrable comenzando desde una pulsación larga.
Un Widget de conveniencia que envuelve una cantidad de Widgets que comúnmente se requieren para aplicaciones que implementan Material Design.
Anima el Matrix4 de un Widget transformado.
Establece un subárbol en el que las consultas de medios (media queries) se resuelven con los datos dados.
Contenedor que muestra una lista de opciones en una superficie temporal.
Un Widget que fusiona las semánticas de sus descendientes.
Contenedor persistente en el borde inicial (leading) de pantallas de tabletas y escritorio para navegar a partes de una aplicación.
Contenedor persistente que permite alternar entre destinos primarios en una aplicación.
Contenedor que se desliza desde el borde inicial (leading) de la aplicación para navegar a otras secciones de la aplicación.
Un Widget que gestiona un conjunto de Widgets hijos con una disciplina de pila (stack). Muchas aplicaciones tienen un navegador cerca de la parte superior de su jerarquía de Widgets...
Una vista con scroll dentro de la cual se pueden anidar otras vistas con scroll, con sus posiciones de scroll intrínsecamente vinculadas.
Un Widget que escucha las Notifications que burbujean hacia arriba en el árbol.
Un Widget que diseña al hijo como si estuviera en el árbol, pero sin pintar nada, sin hacer que el hijo esté disponible para hit...
Un Widget que hace que su hijo sea parcialmente transparente.
Un botón delineado (outlined) de Material Design, esencialmente un TextButton con un borde delineado.
Un Widget que dispone a sus hijos en fila a menos que \"desborden\" (overflow) el espacio horizontal disponible, en cuyo caso los dispone en...
Un Widget que impone restricciones diferentes a su hijo de las que recibe de su padre, permitiendo posiblemente que el hijo desborde (overflow) al padre.
A widget that insets its child by the given padding.
Una lista con scroll que funciona página por página.
Un Widget que dibuja una caja que representa dónde se agregarán otros Widgets algún día.
Muestra un menú cuando se presiona y llama a onSelected cuando el menú se descarta debido a que se seleccionó un elemento.
Versión animada de Positioned que toma una Animation específica para transicionar la posición del hijo desde una posición inicial a una posición final a lo largo del ciclo de vida...
Control de formulario que los usuarios de la aplicación pueden marcar o desmarcar para seleccionar solo una opción de un conjunto.
Un Widget que muestra una dart:ui.Image directamente.
Un contenedor envolvente (wrapper) de tirar para actualizar de Material Design para elementos con scroll.
Versión animada de Positioned que transiciona la posición del hijo basándose en el valor de rect relativo a una caja delimitadora con el tamaño especificado.
Una lista cuyos elementos el usuario puede reordenar interactivamente mediante arrastre.
Un Widget que anima un valor Animatable y se repite indefinidamente.
El Widget RichText muestra texto que utiliza múltiples estilos diferentes. El texto a mostrar se describe utilizando un árbol de objetos TextSpan, cada uno de los cuales...
Un Widget que rota a su hijo un número entero de cuartos de vuelta.
Anima la rotación de un Widget.
Organiza una lista de Widgets hijos en dirección horizontal.
Implementa la estructura básica de diseño visual de Material Design. Esta clase proporciona APIs para mostrar drawers, snack bars y bottom sheets.
Anima la escala del Widget transformado.
Controla cómo se comportan los Widgets Scrollable en un subárbol.
Scrollable implementa el modelo de interacción para un Widget con scroll, incluyendo el reconocimiento de gestos, pero no tiene una opinión sobre cómo el viewport, que realmente muestra...
Una barra de desplazamiento (scrollbar) de Material Design. Una barra de desplazamiento indica qué parte de un Widget Scrollable es realmente visible.
Bloques seleccionables en los que se puede hacer clic, únicos o múltiples, para ayudar a las personas a seleccionar opciones, cambiar de vista o clasificar elementos.
Un Widget que anota el árbol de Widgets con una descripción del significado de los Widgets. Utilizado por herramientas de accesibilidad, motores de búsqueda y otros sistemas semánticos...
Los diálogos simples pueden proporcionar detalles o acciones adicionales sobre un elemento de la lista. Por ejemplo, pueden mostrar iconos de avatar que aclaran el subtexto o acciones ortogonales (como...
Una caja en la que se puede hacer scroll sobre un único Widget. Este Widget es útil cuando tienes una sola caja que normalmente estará completamente...
Anima su propio tamaño y recorta y alinea al hijo.
Una caja con un tamaño especificado. Si se le da un hijo, este Widget obliga a su hijo a tener un ancho y/o alto específicos (asumiendo que los valores son...
Un Widget que tiene un tamaño específico pero pasa sus restricciones originales a su hijo, el cual probablemente se desbordará (overflow).
Anima la posición de un Widget en relación con su posición normal.
Control de formulario que permite seleccionar un rango de valores.
Una barra de aplicaciones de Material Design que se integra con un CustomScrollView.
Un delegado que proporciona hijos para slivers utilizando una función de devolución de llamada de constructor (builder callback).
Un delegado que proporciona hijos para slivers utilizando una lista explícita.
Anima la opacidad de un Widget sliver.
Un sliver que contiene un solo hijo de tipo caja (box) que llena el espacio restante en el viewport.
Un sliver que coloca múltiples hijos de tipo caja (box) con la misma extensión del eje principal en una disposición lineal.
Un sliver que coloca múltiples hijos de tipo caja (box) en una disposición bidimensional.
Un sliver que coloca múltiples hijos de tipo caja (box) en una disposición lineal a lo largo del eje principal.
Un sliver que aplica padding en cada lado de otro sliver.
Un sliver cuyo tamaño varía cuando el sliver se desplaza (scroll) hacia el borde del viewport opuesto al GrowthDirection del sliver.
Un sliver que contiene un solo Widget de tipo caja (box).
Mensajes breves sobre procesos de la aplicación que se muestran en la parte inferior de la pantalla.
Esta clase es útil si deseas superponer varios hijos de manera sencilla, por ejemplo, teniendo algo de texto y una imagen, superpuestos con...
Un Widget stepper de Material Design que muestra el progreso a través de una secuencia de pasos.
Widget que se construye a sí mismo basándose en la última instantánea (snapshot) de interacción con un Stream.
Control de palanca (toggle) que cambia el State de un solo elemento a activado o desactivado.
Contenedores en capas que organizan el contenido en diferentes pantallas, conjuntos de datos y otras interacciones.
Una vista de página que muestra el Widget que corresponde a la pestaña actualmente seleccionada. Típicamente utilizada en conjunto con un TabBar.
Coordina la selección de pestañas entre un TabBar y un TabBarView.
Muestra una fila de pequeños indicadores circulares, uno por pestaña. El indicador de la pestaña seleccionada se destaca. A menudo se utiliza en conjunto con un TabBarView.
Muestra Widgets hijos en filas y columnas.
Una secuencia de texto con un único estilo.
Un botón de texto de Material Design. Un botón plano simple sin borde delineado.
Caja en la que los usuarios de la aplicación pueden introducir texto. Aparecen en formularios y diálogos.
Aplica un tema a los Widgets descendientes. Un tema describe los colores y las elecciones tipográficas de una aplicación.
Interfaz de reloj utilizada para seleccionar y configurar una hora específica.
Los Tooltips proporcionan etiquetas de texto que ayudan a explicar la función de un botón u otra acción de la interfaz de usuario. Envuelve el botón en un Widget Tooltip para...
Un Widget que aplica una transformación antes de dibujar a su hijo.
Una clase de conveniencia que envuelve una cantidad de Widgets que comúnmente se requieren para una aplicación.
Un Widget que muestra a sus hijos en múltiples secuencias horizontales o verticales.
A menos que se indique lo contrario, la documentación de este sitio refleja Flutter 3.44.0. Página actualizada por última vez el 2026-05-05. Ver código fuente oreportar un problema.