Widgtes de layout

Organiza otros widgets, columnas, filas, grids, y muchos otros layouts.

Ver mas widgets en el catálogo de widgets de Flutter.

Widgets de un solo hijo

  • Container

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

    Documentación

  • Padding

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

    Documentación

  • Center

    Un widget que centra su hijo en sí mismo.

    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

  • FittedBox

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

    Documentación

  • AspectRatio

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

    Documentación

  • ConstrainedBox

    Un widget que impone restricciones adicionales en su hijo.

    Documentación

  • Abc

    Baseline

    Un widget que posiciona a su hijo de acuerdo con la línea base del 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

  • 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

  • LimitedBox

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

    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

  • 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

  • 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

  • Transform

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

    Documentación

  • CustomSingleChildLayout

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

    Documentación

Widgets de múltiples hijos

  • Row

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

    Documentación

  • Column

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

    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

  • IndexedStack

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

    Documentación

  • GridView

    Un array 2D de widgets desplazable.

    Documentación

  • Flow

    Un widget que implementa el algoritmo de flow layout.

    Documentación

  • Table

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

    Documentación

  • Wrap

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

    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

  • 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 , Muestras

  • CustomMultiChildLayout

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

    Documentación

Ayudas a layouts

  • LayoutBuilder

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

    Documentación

Ver mas widgets en el catálogo de widgets de Flutter.