Sobes.tech
Junior

Co je to widget Container ve Flutteru a jaké jsou jeho hlavní vlastnosti?

sobes.tech AI

Odpověď od AI

Container — je užitečný widget, který lze použít k přidání gradientů, okrajů, rámečků, pozadí a transformací k jiným widgetům.

Hlavní vlastnosti:

  • alignment: Zarovná dětský widget uvnitř kontejneru.
  • padding: Vnitřní odsazení mezi okrajem kontejneru a jeho obsahem.
  • color: Barva pozadí kontejneru.
  • decoration: Umožňuje nastavit složitější dekorace, jako jsou gradienty, stíny, zaoblené rohy a obrázky na pozadí. Při použití decoration nelze samostatně použít vlastnost color.
  • foregroundDecoration: Dekorace vykreslená nad dětským widgetem.
  • width: Šířka kontejneru.
  • height: Výška kontejneru.
  • constraints: Další omezení velikosti pro kontejner.
  • margin: Vnější okraje kolem kontejneru.
  • transform: Aplikuje transformaci na kontejner a jeho obsah.
  • child: Widget, který je dítětem kontejneru.

Příklad použití:

Container(
  padding: const EdgeInsets.all(16.0), // Vnitřní odsazení
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Vnější okraje
  decoration: BoxDecoration( // Dekorace s barvou pozadí a zaoblenými rohy
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Dětský widget
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);