Saltar al contenido principal

Widgets de layout

Un catálogo de widgets de layout de Flutter. Organiza otros widgets en columnas, filas, cuadrículas y muchos otros layouts.

Organiza otros widgets en columnas, filas, cuadrículas (grids) y muchos otros diseños.

Widgets de layout de un solo hijo

Align

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

AspectRatio

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

Abc
Baseline

Contenedor que posiciona a su hijo de acuerdo con la línea base (baseline) del hijo.

Center

Bloque de alineación que centra a su hijo dentro de sí mismo.

ConstrainedBox

Un Widget que impone restricciones adicionales a su hijo.

Container

Un Widget de conveniencia que combina Widgets comunes de pintura, posicionamiento y tamaño.

CustomSingleChildLayout

Un Widget que delega el diseño de su único hijo a un delegado.

Expanded

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

FittedBox

Escala y posiciona a su hijo dentro de sí mismo según el ajuste (fit).

FractionallySizedBox

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.

IntrinsicHeight

Un Widget que dimensiona a su hijo al alto intrínseco del hijo.

IntrinsicWidth

Un Widget que dimensiona a su hijo al ancho intrínseco del hijo.

LimitedBox

Una caja que limita su tamaño solo cuando no tiene restricciones (unconstrained).

Offstage

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

OverflowBox

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.

Padding

A widget that insets its child by the given padding.

SizedBox

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

SizedOverflowBox

Un Widget que tiene un tamaño específico pero pasa sus restricciones originales a su hijo, el cual probablemente se desbordará (overflow).

Transform

Un Widget que aplica una transformación antes de dibujar a su hijo.

Widgets de layout de múltiples hijos

Column

Organiza una lista de Widgets hijos en dirección vertical.

CustomMultiChildLayout

Un Widget que utiliza un delegado para dimensionar y posicionar múltiples hijos.

Imagen renderizada o visualización del Widget CarouselView.
CarouselView

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.

Flow

Un Widget que implementa el algoritmo de diseño flow.

Imagen renderizada o visualización del Widget GridView.
GridView

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.

IndexedStack

Un Stack que muestra un solo hijo de una lista de hijos.

LayoutBuilder

Construye un árbol de Widgets que puede depender del tamaño del Widget padre.

ListBody

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.

Imagen renderizada o visualización del Widget ListView.
ListView

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

OverflowBar

Un Widget que dispone a sus hijos en fila a menos que \"desborden\" (overflow) el espacio horizontal disponible, en cuyo caso los dispone en...

Row

Organiza una lista de Widgets hijos en dirección horizontal.

Stack

Esta clase es útil si deseas superponer varios hijos de manera sencilla, por ejemplo, teniendo algo de texto y una imagen, superpuestos con...

Table

Muestra Widgets hijos en filas y columnas.

Wrap

Un Widget que muestra a sus hijos en múltiples secuencias horizontales o verticales.

Widgets Sliver

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.

CustomScrollView

Un CustomScrollView que crea efectos de scroll personalizados utilizando slivers.

Imagen renderizada o visualización del Widget SliverAppBar.
SliverAppBar

Una barra de aplicaciones de Material Design que se integra con un CustomScrollView.

SliverChildBuilderDelegate

Un delegado que proporciona hijos para slivers utilizando una función de devolución de llamada de constructor (builder callback).

SliverChildListDelegate

Un delegado que proporciona hijos para slivers utilizando una lista explícita.

SliverFillRemaining

Un sliver que contiene un solo hijo de tipo caja (box) que llena el espacio restante en el viewport.

SliverFixedExtentList

Un sliver que coloca múltiples hijos de tipo caja (box) con la misma extensión del eje principal en una disposición lineal.

SliverGrid

Un sliver que coloca múltiples hijos de tipo caja (box) en una disposición bidimensional.

SliverList

Un sliver que coloca múltiples hijos de tipo caja (box) en una disposición lineal a lo largo del eje principal.

SliverPadding

Un sliver que aplica padding en cada lado de otro sliver.

SliverPersistentHeader

Un sliver cuyo tamaño varía cuando el sliver se desplaza (scroll) hacia el borde del viewport opuesto al GrowthDirection del sliver.

SliverToBoxAdapter

Un sliver que contiene un solo Widget de tipo caja (box).

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