Índice de widgets

Este es un listado alfabético de casi todos los widgets que vienen con Flutter. También puedes navegar por los widgets por categoría.

Quizás también quieras revisar nuestra serie de vídeos Widget of the Week en el canal de Youtube de Flutter. Cada corto episodio trata de un widget de Flutter diferente. Para ver más series de videos, mira nuestra página de videos.

Widget of the Week playlist

AbsorbPointer

Un widget que absorbe los punteros durante el hit testing. Cuando la absorbing es true, este widget evita que su subárbol reciba eventos de puntero terminando el hit testing en sí mismo. Todavía consume espacio durante el diseño y pinta a su hijo como de costumbre. Simplemente impide que sus hijos sean el objetivo de eventos localizados, porque devuelve true desde RenderBox.hitTest.

AlertDialog

Las alertas son interrupciones urgentes que requieren reconocimiento e informan al usuario sobre una situación. El widget AlertDialog implementa este componente.

Align

Un widget que alinea a su hijo dentro de sí mismo y, opcionalmente, se dimensiona en función del tamaño del child.

AnimatedBuilder

Un widget de propósito general para construir animaciones. AnimatedBuilder es útil para widgets más complejos que deseen incluir una animación como parte de una función de construcción más grande. Para usar AnimatedBuilder, simplemente construye el widget y pásale una función de constructor.

AnimatedContainer

Un contenedor que gradualmente cambia su valor en un período de tiempo.

AnimatedCrossFade

Un widget que realiza una animación cross-fade entre dos hijos dados, realizando la transición entre sus dimensiones.

AnimatedDefaultTextStyle

Versión animada de DefaultTextStyle que transiciona automáticamente el estilo de texto predeterminado (el estilo de texto que se aplica a los widgets de texto descendente sin estilo explícito) durante una duración determinada cada vez que el estilo cambia.

AnimatedListState

El estado de un contenedor de desplazamiento que anima los elementos cuando se insertan o se quitan.

AnimatedModalBarrier

Un widget que evita que el usuario interactúe con widgets detrás de sí mismo.

AnimatedOpacity

Versión animada de Opacidad que transiciona automáticamente la opacidad del hijo durante un tiempo determinado cada vez que la opacidad cambia.

AnimatedPhysicalModel

Versión animada de PhysicalModel.

AnimatedPositioned

Versión animada de Positioned que cambia automáticamente la posición del hijo durante un tiempo determinado cada vez que cambia de posición.

AnimatedSize

Widget animado que transiciona automáticamente su tamaño a lo largo de una duración determinada cada vez que cambia el tamaño del hijo.

AnimatedWidget

Un widget que se reconstruye cuando el Listenable dado cambia de valor.

AnimatedWidgetBaseState

Una clase base para widgets con animaciones implícitas.

Appbar

Una barra de aplicaciones (Appbar) de Material Design. Una barra de aplicaciones consiste en una barra de herramientas y potencialmente otros widgets, como TabBar y FlexibleSpaceBar.

AspectRatio

Un widget que intenta dimensionar al hijo a una relación de aspecto específica.

AssetBundle

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, por lo que se pueden cargar de forma transparente a través de una red (por ejemplo, desde un NetworkAssetBundle) o desde el sistema de archivos local sin bloquear la interfaz de usuario de la aplicación.

BackdropFilter

Un widget que aplica un filtro al contenido pintado existente y luego pinta al hijo. Este efecto es relativamente costoso, especialmente si el filtro no es local, como un desenfoque.

Abc
Baseline

Un widget que posiciona a su hijo de acuerdo con la línea base del hijo.

BottomNavigationBar

Las barras de navegación inferiores facilitan explorar y cambiar entre las vistas de nivel superior en un solo toque. El widget BottomNavigationBar implementa este componente.

BottomSheet

Bottom sheets se deslizan hacia arriba desde la parte inferior de la pantalla para revelar más contenido. Puede llamar a showBottomSheet () para implementar una hoja inferior persistente o showModalBottomSheet() para implementar una hoja inferior modal.

ButtonBar

Un conjunto de botones dispuestos horizontalmente.

Card

Una tarjeta de Material Design. Una Card tiene esquinas ligeramente redondeadas y una sombra.

Center

Un widget que centra su hijo en sí mismo.

Checkbox

Las casillas de verificación (Checkbox) permiten al usuario seleccionar múltiples opciones de un conjunto. El widget Checkbox implementa este componente.

Chip

Un ficha (Chip) de Material Design. Las fichas representan entidades complejas en bloques pequeños, como un contacto.

CircularProgressIndicator

Un indicador de progreso circular que sigue la guía de Material Design, el cual gira sobre si mismo para indicar que la app está ocupada.

ClipOval

Un widget que recorta a su hijo usando un óvalo.

ClipPath

Un widget que recorta su hijo usando una trayectoria.

ClipRect

Un widget que recorta su hijo usando un rectángulo.

Column

Layout con una lista de widgets hijos en dirección vertical.

ConstrainedBox

Un widget que impone restricciones adicionales en su hijo.

Container

Un widget de conveniencia que combina widgets comunes de dibujado, posicionado y dimensionado

CupertinoActionSheet

Un action sheet inferior modal estilo iOS.

CupertinoActivityIndicator

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

CupertinoAlertDialog

Un diálogo de alerta con el estilo iOS

CupertinoButton

Un botón con el estilo iOS

CupertinoDatePicker

Un selector de fecha o fecha y hora estilo iOS.

CupertinoDialog

Un diálogo con el estilo iOS

CupertinoDialogAction

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

CupertinoFullscreenDialogTransition

Una transición estilo OS-style tusada para invocar diálogos fullscreen.

CupertinoNavigationBar

Una barra de navegación superior con el estilo iOS. Normalmente se usa con CupertinoPageScaffold.

CupertinoPageScaffold

Estructura básica estilo iOS para el layout de la pantalla. Coloca un navigation bar y contenido en un background.

CupertinoPageTransition

Proporciona transición entre pantallas estilo iOS.

CupertinoPicker

Un selector con el estilo iOS. Se usa para seleccionar un elemento en una lista breve.

CupertinoPopupSurface

Superfice rectangular redondeada que se ve como una superficie de popup de iOS, como es un diálogo de alerta o un action sheet.

CupertinoScrollbar

Una scrollbar estilo iOS que indica que porción de un widget scrollable es visible actualmente.

CupertinoSegmentedControl

Un segmented control estilo iOS. Usado para seleccionar de forma mutuamente exclusiva opciones en una lista horizontal.

CupertinoSlider

Se usa para seleccionar de un rango de valores.

CupertinoSwitch

Un switch con el estilo iOS. Se usa para activar o desactivar el estado de una configuración única.

CupertinoTabBar

Una barra de pestañas inferior con el estilo iOS. Normalmente se usa con CupertinoTabScaffold.

CupertinoTabScaffold

Estructura de la aplicación de iOS con pestañas. Coloca una barra de pestañas en la parte superior de las pestañas de contenido.

CupertinoTabView

El contenido raíz de una pestaña que soporta navegar paralelamente entre pestañas. Normalmente se usa con CupertinoTabScaffold

CupertinoTextField

Un campo de texto estilo iOS.

CupertinoTimerPicker

Un selector de tiempo de cuenta atrás de estilo iOS.

CustomMultiChildLayout

Un widget que utiliza un delegado para dimensionar y ubicar varios hijos.

CustomPaint

Un widget que proporciona un lienzo sobre el que dibujar durante la fase de pintura.

CustomScrollView

Una vista de desplazamiento que crea efectos de desplazamiento personalizados utilizando slivers.

CustomSingleChildLayout

Un widget que difiere el diseño de su hijo único a un delegado.

DataTable

Las tablas de datos muestran conjuntos de datos sin formato. Suelen aparecer en productos empresariales de escritorio. El widget DataTable implementa este componente.

Date & Time Pickers

Los Date pickers usan una ventana de diálogo para seleccionar una sola fecha en el móvil. Los Time pickers de tiempo usan un diálogo para seleccionar un tiempo individual (en formato horas:minutos) en el móvil.

DecoratedBox

Un widget que pinta un Decoration antes o después de que su hijo lo pinte.

DecoratedBoxTransition

Versión animada de una DecoratedBox que anima las diferentes propiedades de su Decoración.

DefaultTextStyle

El estilo de texto para aplicar a widgets de texto descendientes sin estilo explícito.

Dismissible

Un widget que puede ser descartado arrastrándolo en la dirección indicada. Arrastrando o arrojando este widget en la DismissDirection causa que su hijo se deslize fuera de la vista. Seguido de la animación slide. Si resizeDuration no es nulo, el widget Dismissible anima su altura (o anchura, cualquiera que sea perpendicular a DismissDirection) hasta cero durante la resizeDuration.

Divider

Una línea horizontal con un grosor de un pixel lógico y padding a cada lado.

DragTarget

Un widget que recibe datos cuando un widget Draggable es soltado. Cuando un draggable es soltado encima de un drag target, al drag target se le consultará si acepta los datos que el draggable porta. Si el usuario suelta el draggable encima del drag target (y el drag target ha indicado que aceptará los datos del draggable), entonces el drag target es consultado para aceptar los datos del draggable.

Draggable

Un widget que se puede arrastrar desde un DragTarget. Cuando un widget arrastrable reconoce el inicio de un gesto de arrastre, muestra un widget de retroalimentación que rastrea el dedo del usuario a través de la pantalla. Si el usuario levanta el dedo mientras está en la parte superior de un DragTarget, se le da la oportunidad de aceptar los datos transportados por el objetivo arrastrable.

Drawer

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.

DropdownButton

Muestra el item seleccionado actualmente y una flecha que abre un menu para seleccionar otro item.

ExcludeSemantics

Un widget que deja de lado toda la semántica de sus descendientes. Esto se puede utilizar para ocultar subwidgets que de otro modo serían reportados pero que sólo serían confusos. Por ejemplo, el widget Material Components Chip oculta el avatar ya que es redundante con la etiqueta del chip.

Expanded

Un widget que expande un hijo de un Row, Column, o Flex.

ExpansionPanel

Los paneles de expansión contienen flujos de creación y permiten una edición ligera de un elemento. El widget ExpansionPanel implementa este componente.

FadeTransition

Anima la opacidad de un widget.

FittedBox

Escala y posiciona a su hijo dentro de él de acuerdo con el ajuste.

FlatButton

Un botón plano (FlatButton) es una sección dibujada en un widget de Componentes de Material que reacciona a los toques rellenándose de color.

FloatingActionButton

Un botón de acción flotante (FloatingActionButton) es un botón de icono circular que flota sobre el contenido para promover una acción principal en la aplicación. Los botones de acción flotante se usan más comúnmente en el campo Scaffold.floatingActionButton.

Flow

Un widget que implementa el algoritmo de flow layout.

FlutterLogo

El logotipo de Flutter, en forma de widget. Este widget respeta IconTheme.

Form

Un contenedor opcional para agrupar varios widgets de form field (por ejemplo, widgets TextField).

FormField

Un único form field. Este widget mantiene el estado actual del form field, por lo que las actualizaciones y los errores de validación se reflejan visualmente en la interfaz de usuario.

FractionalTranslation

Un widget que aplica una traslación expresada como una fracción del tamaño de su caja antes de pintar su hijo.

FractionallySizedBox

Un widget que dimensiona su hijo a una fracción del espacio total disponible. Para obtener más detalles sobre el algoritmo de diseño, consulte RenderFractionallySizedOverflowBox.

FutureBuilder

Widget que se construye a sí mismo basado en la última fotografía de la interacción con un Future.

GestureDetector

Un widget que detecta gestos. Intenta reconocer gestos que se corresponden con sus callbacks no nulos. Si este widget tiene un hijo, difiere a este hijo su comportamiento para dimensionarse. Si no tiene un hijo, crecerá hasta rellenar el widget padre.

GridView

Una lista en parrilla consistente en un patrón repetido de celdas alineadas en un layout verical y horizontal. El widget Gridview implementa este componente.

Hero

Un widget que marca a su hijo como candidato para animaciones Hero.

Icon

Un ícono de Material Design.

IconButton

Un botón de icono es una imagen dibujada en un widget Material que reacciona a los toques rellenando con color (tinta).

IgnorePointer

Un widget que es invisible durante la hit testing. Cuando ignoring es true, este widget (y su subárbol) es invisible para el hit testing. Todavía consume espacio durante el layout y pinta a su hijo como de costumbre. Simplemente no puede ser el objetivo de eventos localizados, porque devuelve false desde RenderBox.hitTest.

Image

Un widget que muestra una imagen.

IndexedStack

Una pila que muestra un solo hijo de una lista de hijos.

IntrinsicHeight

Un widget que dimensiona su hijo de acuerdo a la altura intrínseca de los hijos de este.

IntrinsicWidth

Un widget que dimensiona su hijo de acuerdo a la anchura intrínseca de los hijos de este.

LayoutBuilder

Crea un árbol de widgets que puede depender de los tamaños de los widgets del padre.

LimitedBox

Una caja que limita su tamaño solo cuando no está restringida.

LinearProgressIndicator

Un indicador de progreso lineal que sigue las guías de Material Design, también conocido como barra de progreso.

ListBody

Un widget que ordena sus hijos secuencialmente a lo largo de un eje dado, forzándolos a la dimensión del elemento padre en el otro eje.

ListTile

Una única fila de altura fija que generalmente contiene algo de texto y un ícono inicial o final.

ListView

Una lista lineal y desplazable de widgets. ListView es el widget de desplazamiento más utilizado. Muestra a sus hijos uno tras otro en la dirección de desplazamiento. En el eje transversal, se requiere que los hijos llenen el ListView.

LongPressDraggable

Hace que su hijo sea arrastrable a partir de una pulsación larga.

MaterialApp

Un widget de conveniencia que envuelve una cantidad de widgets que comúnmente se requieren para las aplicaciones que implementan Material Design.

MediaQuery

Establece un sub-árbol en el cual las media queries se resuelven con los datos dados.

MergeSemantics

Un widget que fusiona la semántica de sus descendientes.

Navigator

Un widget que gestiona un conjunto de widgets hijo con una disciplina de pila. Muchas aplicaciones tienen un navegador cerca de la parte superior de su jerarquía de widgets para mostrar su historial lógico utilizando una sobreimpresión con las páginas visitadas más recientemente visualmente encima de las páginas más antiguas. El uso de este patrón permite al navegador realizar una transición visual de una página a otra moviendo los widgets en la capa sobrepuesta. Del mismo modo, el navegador puede ser utilizado para mostrar un diálogo posicionando el widget de diálogo sobre la página actual.

NestedScrollView

Una vista con scroll dentro de la cual pueden haber otras vistas con scroll anidadas, con sus posiciones de scroll intrínsicamente enlazadas.

NotificationListener

Un widget que escucha las notificaciones que se propagan hacia arriba por el árbol de widgets.

Offstage

Un widget que posiciona su hijo fuera, como si estuviera en el árbol de widgets, pero sin pintar nada, sin que esté disponible para el hit testing y sin ocupar ningún espacio en el padre.

Opacity

Un widget que hace que su hijo sea parcialmente transparente.

OverflowBox

Un widget que impone diferentes restricciones en su hijo de las que obtiene de su padre, permitiendo posiblemente que el hijo desborde al padre.

Padding

Un widget que encuadra a sus hijos con el padding dado.

PageView

Una lista scrollable que funciona página a página.

Placeholder

Un widget que dibuja un recuadro que representa dónde se agregarán otros widgets algún día.

PopupMenuButton

Muestra un menú cuando se presiona y llama onSelected cuando se descarta el menú porque se seleccionó un elemento.

PositionedTransition

Versión animada de Positioned (Posicionado) que toma una animación específica para cambiar la posición del hijo de una posición inicial a una posición final a lo largo de la vida de la animación.

Radio

Utilizar los Radio Botones permiten al usuario seleccionar una opción de un conjunto. Utilice los botones de opción para selección exclusiva si cree que el usuario necesita ver todas las opciones disponibles una al lado de la otra.

RaisedButton

Un botón elevado (RaisedButton) de Material Design. Un botón elevado consiste en una pieza rectangular que flota sobre la interfaz

RawImage

Un widget que muestra una dart:ui.Image directamente.

RawKeyboardListener

Un widget que ejecuta un callback cuando el usuario presiona o suelta una tecla en el teclado.

RefreshIndicator

Una envoltura pull-to-refresh de Material Design para productos deslizables.

RichText

El widget RichText muestra texto que usa múltiples estilos diferentes. El texto para mostrar se describe utilizando un árbol de objetos TextSpan, cada uno de los cuales tiene un estilo asociado que se utiliza para ese subárbol. El texto puede dividirse en varias líneas o puede que se muestren todos en la misma línea, dependiendo de las restricciones del layout

RotatedBox

Un widget que rota a su hijo por un número integral de cuartos de vuelta.

RotationTransition

Anima la rotación de un widget.

Row

Layout con una lista de widgets hijos en dirección horizontal.

Scaffold

Implementa la estructura de diseño visual básica de Material Design. Esta clase proporciona API para mostrar drawers, snack bars, y bottom sheets.

ScaleTransition

Anima la escala del widget transformado.

ScrollConfiguration

Controla cómo se comportan los widgets desplazables en un subárbol.

Scrollable

Scrollable implementa el modelo de interacción para un widget desplazable, incluyendo el reconocimiento de gestos, pero no tiene una opinión sobre cómo se construye el viewport, que en realidad muestra a los hijos.

Scrollbar

Una barra de desplazamiento de Material Design. Una barra de desplazamiento indica qué parte de un widget desplazable es realmente visible.

Semantics

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 programas de análisis semántico para determinar el significado de la aplicación.

SimpleDialog

Los diálogos simples pueden proporcionar detalles o acciones adicionales sobre un elemento de la lista. Por ejemplo, pueden mostrar iconos de avatares que clarifican el subtexto u otras acciones ortogonales (como agregar una cuenta).

SingleChildScrollView

Un cuadro en el que se puede desplazar un único widget. Este widget es útil cuando tiene una sola caja que normalmente será completamente visible, por ejemplo una cara de reloj en un selector de tiempo, pero necesita asegurarse de que se puede desplazar si el contenedor se vuelve demasiado pequeño en un eje (la dirección de desplazamiento).

SizeTransition

Anima su propio tamaño y recorta y alinea al hijo.

SizedBox

Una caja con un tamaño específico. Si se le proporciona un hijo, este widget forzará a su hijo a tener una anchura y/o altura específicos (asumiendo que los valores pueden ser permitidos por los padres de este widget). Si la anchura o la altura fueran null, este widget se dimensionará a sí mismo para ajustarse al tamaño de sus hijos en esa dirección.

SizedOverflowBox

Un widget que tiene un tamaño específico pero pasa sus restricciones originales a través de su hijo, que probablemente se desbordará.

SlideTransition

Anima la posición de un widget con respecto a su posición normal.

Slider

Sliders permiten que los usuarios seleccionen entre un rango de valores moviendo el control deslizante.

SliverAppBar

Un app bar material design integrada con un CustomScrollView.

SnackBar

Un mensaje ligero con una acción opcional que se muestra brevemente en la parte inferior de la pantalla.

Stack

Esta clase es útil si deseas superponer varios widgets hijos de una manera simple, por ejemplo, tener texto y una imagen, superpuestos con un degradado y un botón adjunto a la parte inferior.

Stepper

Un widget paso a paso de Material Design que muestra el progreso a través de una secuencia de pasos.

StreamBuilder

Widget que se construye a sí mismo basado en la última fotografía de interacción con un Stream.

Switch

Los interruptores de encendido/apagado alternan el estado de una opción de configuración única. El widget Switch implementa este componente.

TabBar

Un widget de Material Design que muestra una fila horizontal de pestañas.

TabBarView

Una vista de página que muestra el widget que corresponde a la pestaña seleccionada actualmente. Normalmente se usa junto con un TabBar.

Table

Un widget que usa el algoritmo de table layout para sus hijos.

Abc
Text

Una línea de texto con un solo estilo.

TextField

Tocar un campo de texto (TextField) coloca el cursor y muestra el teclado. El widget TextField implementa este componente.

Theme

Aplica un theme a sus widgets descendientes. Un theme describe los colores y las opciones tipográficas de una aplicación.

Tooltip

La información sobre herramientas proporciona etiquetas de texto que ayudan a explicar la función de un botón u otra acción de la interfaz del usuario. Ajuste el botón en un widget Tooltip para mostrar una etiqueta cuando el widget se presiona por largo tiempo (o cuando el usuario realiza alguna otra acción apropiada).

Transform

Un widget que aplica una transformación antes de pintar a su hijo.

WidgetsApp

Una clase de conveniencia que envuelve una serie de widgets que comúnmente se requieren para una aplicación.

Wrap

Un widget que muestra sus hijos en múltiples líneas horizontales o verticales.