Índice de widgets en Flutter

Esta es una lista alfabética de casi todos los widgets que están incluidos con Flutter. También puedes buscar widgets por categoría.

  • 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.

    Documentación

  • AlertDialog

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

    Documentación

  • Align

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

    Documentación

  • 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.

    Documentación

  • AnimatedContainer

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

    Documentación

  • AnimatedCrossFade

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

    Documentación

  • 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.

    Documentación

  • AnimatedListState

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

    Documentación

  • AnimatedModalBarrier

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

    Documentación

  • AnimatedOpacity

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

    Documentación

  • AnimatedPhysicalModel

    Versión animada de PhysicalModel.

    Documentación

  • 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.

    Documentació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.

    Documentación

  • AnimatedWidget

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

    Documentación

  • AnimatedWidgetBaseState

    Una clase base para widgets con animaciones implícitas.

    Documentación

  • 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.

    Documentación

  • AspectRatio

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

    Documentación

  • 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.

    Documentació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.

    Documentación

  • Abc

    Baseline

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

    Documentación

  • 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.

    Documentación

  • 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.

    Documentación

  • ButtonBar

    Un conjunto de botones dispuestos horizontalmente.

    Documentación

  • Card

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

    Documentación

  • Center

    Un widget que centra su hijo en sí mismo.

    Documentación

  • Checkbox

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

    Documentación

  • Chip

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

    Documentación

  • ClipOval

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

    Documentación

  • ClipPath

    Un widget que recorta su hijo usando una trayectoria.

    Documentación

  • ClipRect

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

    Documentación

  • Column

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

    Documentación

  • ConstrainedBox

    Un widget que impone restricciones adicionales en su hijo.

    Documentación

  • Container

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

    Documentación

  • CupertinoActionSheet

    Un action sheet inferior estilo iOS.

    Documentación

  • CupertinoActivityIndicator

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

    Documentación

  • CupertinoAlertDialog

    Un diálogo de alerta con el estilo iOS

    Documentación

  • CupertinoButton

    Un botón con el estilo iOS

    Documentación

  • CupertinoDialog

    Un diálogo con el estilo iOS

    Documentación

  • CupertinoDialogAction

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

    Documentación

  • CupertinoFullscreenDialogTransition

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

    Documentación

  • CupertinoNavigationBar

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

    Documentación

  • CupertinoPageScaffold

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

    Documentación

  • CupertinoPageTransition

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

    Documentación

  • CupertinoPicker

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

    Documentación

  • CupertinoSegmentedControl

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

    Documentación

  • CupertinoSlider

    Se usa para seleccionar de un rango de valores.

    Documentación

  • CupertinoSwitch

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

    Documentación

  • CupertinoTabBar

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

    Documentación

  • 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.

    Documentación

  • CupertinoTabView

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

    Documentación

  • CupertinoTimerPicker

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

    Documentación

  • CustomMultiChildLayout

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

    Documentación

  • CustomPaint

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

    Documentación

  • CustomScrollView

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

    Documentación

  • CustomSingleChildLayout

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

    Documentación

  • DataTable

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

    Documentación

  • 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.

    Documentación

  • DecoratedBox

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

    Documentación

  • DecoratedBoxTransition

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

    Documentación

  • DefaultTextStyle

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

    Documentación

  • 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.

    Documentación

  • Divider

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

    Documentación

  • 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.

    Documentación

  • 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.

    Documentación

  • 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.

    Documentación

  • 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.

    Documentación

  • 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.

    Documentación

  • FadeTransition

    Anima la opacidad de un widget.

    Documentación

  • FittedBox

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

    Documentación

  • 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.

    Documentación

  • 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.

    Documentación

  • Flow

    Un widget que implementa el algoritmo de flow layout.

    Documentación

  • FlutterLogo

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

    Documentación

  • Form

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

    Documentación

  • 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.

    Documentación

  • FractionalTranslation

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

    Documentación

  • 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.

    Documentación

  • FutureBuilder

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

    Documentación

  • 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.

    Documentación

  • GridView

    Una lista de cuadrículas consiste en un patrón repetido de celdas dispuestas en un layout vertical y horizontal. El widget GridView implementa este componente.

    Documentación

  • GridView

    Un array 2D de widgets desplazable.

    Documentación

  • GridView

    Una matriz de widgets en 2D que se puede desplazar. Los diseños de cuadrícula más utilizados son GridView.count, que crea un diseño con un número fijo de tiles en el eje transversal, y GridView.extent, que crea un diseño con tiles que tienen una extensión máxima en el eje transversal. Un SliverGridDelegate personalizado puede producir un arreglo arbitrario 2D de hijos, incluyendo arreglos que no están alineados o que se superponen.

    Documentación

  • Hero

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

    Documentación

  • Icon

    Un ícono de Material Design.

    Documentación

  • IconButton

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

    Documentación

  • 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.

    Documentación

  • Image

    Un widget que muestra una imagen.

    Documentación

  • IndexedStack

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

    Documentación

  • IntrinsicHeight

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

    Documentación

  • IntrinsicWidth

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

    Documentación

  • LayoutBuilder

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

    Documentación

  • LimitedBox

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

    Documentación

  • LinearProgressIndicator

    Los indicadores de progreso y actividad son indicaciones visuales de la carga de contenido en la aplicación. El widget LinearProgressIndicator implementa este componente. Además, también puede usar el widget CircularProgressIndicator.

    Documentación

  • 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.

    Documentación

  • ListTile

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

    Documentación

  • ListView

    Una lista desplazable y lineal de widgets. ListView es el widget de desplazamiento más comúnmente utilizado. Muestra sus hijos uno tras otro en la dirección de desplazamiento. En el eje transversal, los hijos deben rellenar ListView.

    Documentación

  • 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.

    Documentación

  • LongPressDraggable

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

    Documentación

  • MaterialApp

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

    Documentación

  • MediaQuery

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

    Documentación

  • MergeSemantics

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

    Documentación

  • 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.

    Documentación

  • NestedScrollView

    Documentación

  • NotificationListener

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

    Documentación

  • 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.

    Documentación

  • Opacity

    Un widget que hace que su hijo sea parcialmente transparente.

    Documentación

  • 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.

    Documentación

  • Padding

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

    Documentación

  • Placeholder

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

    Documentación

  • PopupMenuButton

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

    Documentación

  • 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.

    Documentació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.

    Documentación

  • RaisedButton

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

    Documentación

  • RawImage

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

    Documentación

  • RawKeyboardListener

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

    Documentación

  • RefreshIndicator

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

    Documentación

  • 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

    Documentación

  • RotatedBox

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

    Documentación

  • RotationTransition

    Anima la rotación de un widget.

    Documentación

  • Row

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

    Documentación

  • 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.

    Documentación

  • ScaleTransition

    Anima la escala del widget transformado.

    Documentación

  • ScrollConfiguration

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

    Documentación

  • 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.

    Documentación

  • Scrollbar

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

    Documentación

  • 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.

    Documentació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).

    Documentación

  • 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).

    Documentación

  • SizeTransition

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

    Documentación

  • 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.

    Documentació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á.

    Documentación

  • SlideTransition

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

    Documentación

  • Slider

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

    Documentación

  • SnackBar

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

    Documentación

  • 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.

    Documentación

  • Stepper

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

    Documentación

  • StreamBuilder

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

    Documentación

  • Switch

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

    Documentación

  • TabBar

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

    Documentación

  • 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.

    Documentación

  • Table

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

    Documentación

  • Abc

    Text

    Una línea de texto con un solo estilo.

    Documentación

  • TextField

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

    Documentación

  • Theme

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

    Documentació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).

    Documentación

  • Transform

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

    Documentación

  • WidgetsApp

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

    Documentación

  • Wrap

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

    Documentación