Mi az a Container widget Flutterben, és mik a fő tulajdonságai?

Container — egy praktikus widget, amelyet más widgetekhez gradienseket, margókat, kereteket, háttereket és transzformációkat hozzáadására lehet használni.

Fő tulajdonságok:

• alignment: Igazítja a gyermek widgetet a konténeren belül.
• padding: Belső margó a konténer széle és tartalma között.
• color: A konténer háttérszíne.
• decoration: Lehetővé teszi összetettebb dekorációk beállítását, például gradienseket, árnyékokat, lekerekített sarkokat és háttérképeket. A decoration használatakor nem lehet külön használni a color tulajdonságot.
• foregroundDecoration: Dekoráció, amely a gyermek widget fölött rajzolódik.
• width: A konténer szélessége.
• height: A konténer magassága.
• constraints: További méretkorlátozások a konténerhez.
• margin: Külső margók a konténer körül.
• transform: Átalakítást alkalmaz a konténerre és tartalmára.
• child: A gyermek widget, amely a konténerben található.

Használati példa:

Container(
  padding: const EdgeInsets.all(16.0), // Belső margó
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Külső margók
  decoration: BoxDecoration( // Dekoráció háttérszínnel és lekerekített sarkakkal
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Gyermek widget
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);