Sobes.tech
Junior

Czym jest widget Container w Flutter i jakie są jego główne właściwości?

sobes.tech AI

Odpowiedź od AI

Container — to wygodny widżet, który można używać do dodawania gradientów, marginesów, obramowań, tła i transformacji do innych widżetów.

Główne właściwości:

  • alignment: Wyrównuje widżet potomny wewnątrz kontenera.
  • padding: Wewnętrzne odstępy między krawędzią kontenera a jego zawartością.
  • color: Kolor tła kontenera.
  • decoration: Pozwala na ustawienie bardziej skomplikowanych dekoracji, takich jak gradienty, cienie, zaokrąglone rogi i obrazy tła. Przy użyciu decoration nie można używać osobno właściwości color.
  • foregroundDecoration: Dekoracja rysowana na powierzchni widżetu potomnego.
  • width: Szerokość kontenera.
  • height: Wysokość kontenera.
  • constraints: Dodatkowe ograniczenia rozmiaru dla kontenera.
  • margin: Zewnętrzne marginesy wokół kontenera.
  • transform: Zastosowuje transformację do kontenera i jego zawartości.
  • child: Widżet będący dzieckiem kontenera.

Przykład użycia:

Container(
  padding: const EdgeInsets.all(16.0), // Wewnętrzne odstępy
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Zewnętrzne marginesy
  decoration: BoxDecoration( // Dekoracja z kolorem tła i zaokrąglonymi rogami
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Widżet dziecka
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);