Wat is een Container-widget in Flutter en wat zijn de belangrijkste eigenschappen?

Container — is een handig widget dat gebruikt kan worden om gradients, marges, randen, achtergronden en transformaties toe te voegen aan andere widgets.

Belangrijkste eigenschappen:

• alignment: Stelt uit hoe het kindwidget binnen de container wordt uitgelijnd.
• padding: Interne marge tussen de rand van de container en de inhoud.
• color: Achtergrondkleur van de container.
• decoration: Maakt het mogelijk om complexere decoraties in te stellen, zoals gradients, schaduwen, afgeronde hoeken en achtergrondafbeeldingen. Bij gebruik van decoration mag de eigenschap color niet apart worden gebruikt.
• foregroundDecoration: Decoratie die bovenop het kindwidget wordt getekend.
• width: Breedte van de container.
• height: Hoogte van de container.
• constraints: Extra groottebeperkingen voor de container.
• margin: Externe marges rondom de container.
• transform: Past een transformatie toe op de container en de inhoud.
• child: Widget die het kind van de container is.

Voorbeeld van gebruik:

Container(
  padding: const EdgeInsets.all(16.0), // Interne marge
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Externe marges
  decoration: BoxDecoration( // Decoratie met achtergrondkleur en afgeronde hoeken
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Kindwidget
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);