Sobes.tech
Junior

¿Qué es un widget Container en Flutter y cuáles son sus propiedades principales?

sobes.tech AI

Respuesta de la IA

Container — es un widget conveniente que se puede usar para agregar gradientes, márgenes, bordes, fondos y transformaciones a otros widgets.

Propiedades principales:

  • alignment: Alinea el widget hijo dentro del contenedor.
  • padding: Espaciado interno entre el borde del contenedor y su contenido.
  • color: Color de fondo del contenedor.
  • decoration: Permite establecer decoraciones más complejas, como gradientes, sombras, esquinas redondeadas e imágenes de fondo. Cuando se usa decoration, no se puede usar la propiedad color por separado.
  • foregroundDecoration: Decoración dibujada sobre el widget hijo.
  • width: Ancho del contenedor.
  • height: Altura del contenedor.
  • constraints: Restricciones adicionales de tamaño para el contenedor.
  • margin: Márgenes externos alrededor del contenedor.
  • transform: Aplica una transformación al contenedor y su contenido.
  • child: Widget que es hijo del contenedor.

Ejemplo de uso:

Container(
  padding: const EdgeInsets.all(16.0), // Espaciado interno
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Márgenes externos
  decoration: BoxDecoration( // Decoración con color de fondo y esquinas redondeadas
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Widget hijo
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);