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),
),
);