Sobes.tech
Junior

Čo je widget Container vo Flutteri a aké sú jeho hlavné vlastnosti?

sobes.tech AI

Odpoveď od AI

Container — je užitočný widget, ktorý možno použiť na pridanie gradientov, okrajov, rámov, pozadí a transformácií k iným widgetom.

Hlavné vlastnosti:

  • alignment: Zarovná dieťa widget vo vnútri kontajnera.
  • padding: Vnútorné odsadenie medzi okrajom kontajnera a jeho obsahom.
  • color: Farba pozadia kontajnera.
  • decoration: Umožňuje nastaviť zložitejšie dekorácie, ako sú gradienty, tiene, zaoblené rohy a pozadie obrázky. Pri použití decoration sa nemôže samostatne použiť vlastnosť color.
  • foregroundDecoration: Dekorácia nakreslená nad dieťa widgetom.
  • width: Šírka kontajnera.
  • height: Výška kontajnera.
  • constraints: Dodatočné obmedzenia veľkosti pre kontajner.
  • margin: Vonkajšie okraje okolo kontajnera.
  • transform: Aplikuje transformáciu na kontajner a jeho obsah.
  • child: Widget, ktorý je dieťaťom kontajnera.

Príklad použitia:

Container(
  padding: const EdgeInsets.all(16.0), // Vnútorné odsadenie
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Vonkajšie okraje
  decoration: BoxDecoration( // Dekorácia s farbou pozadia a zaoblenými rohmi
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Dieťa widget
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);