Was ist ein Container-Widget in Flutter und was sind seine Hauptmerkmale?

Container — ist ein praktisches Widget, das verwendet werden kann, um Farbverläufe, Ränder, Hintergründe und Transformationen zu anderen Widgets hinzuzufügen.

Hauptmerkmale:

• alignment: Richtet das Kind-Widget innerhalb des Containers aus.
• padding: Innenabstand zwischen dem Rand des Containers und seinem Inhalt.
• color: Hintergrundfarbe des Containers.
• decoration: Ermöglicht die Festlegung komplexerer Dekorationen wie Farbverläufe, Schatten, abgerundete Ecken und Hintergrundbilder. Bei Verwendung von decoration darf die Eigenschaft color nicht separat verwendet werden.
• foregroundDecoration: Dekoration, die über dem Kind-Widget gezeichnet wird.
• width: Breite des Containers.
• height: Höhe des Containers.
• constraints: Zusätzliche Größenbeschränkungen für den Container.
• margin: Äußere Abstände um den Container.
• transform: Wendet eine Transformation auf den Container und seinen Inhalt an.
• child: Widget, das das Kind des Containers ist.

Beispiel:

Container(
  padding: const EdgeInsets.all(16.0), // Innenabstand
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Äußerer Abstand
  decoration: BoxDecoration( // Dekoration mit Hintergrundfarbe und abgerundeten Ecken
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Kind-Widget
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);