Sobes.tech
Junior

Cos'è un widget Container in Flutter e quali sono le sue proprietà principali?

sobes.tech AI

Risposta dell'AI

Container — è un widget pratico che può essere utilizzato per aggiungere gradienti, margini, bordi, sfondi e trasformazioni ad altri widget.

Proprietà principali:

  • alignment: Allinea il widget figlio all'interno del contenitore.
  • padding: Spaziatura interna tra il bordo del contenitore e il suo contenuto.
  • color: Colore di sfondo del contenitore.
  • decoration: Permette di impostare decorazioni più complesse, come gradienti, ombre, angoli arrotondati e immagini di sfondo. Quando si utilizza decoration, la proprietà color non può essere usata separatamente.
  • foregroundDecoration: Decorazione disegnata sopra il widget figlio.
  • width: Larghezza del contenitore.
  • height: Altezza del contenitore.
  • constraints: Restrizioni di dimensione aggiuntive per il contenitore.
  • margin: Margini esterni intorno al contenitore.
  • transform: Applica una trasformazione al contenitore e al suo contenuto.
  • child: Widget che è figlio del contenitore.

Esempio di utilizzo:

Container(
  padding: const EdgeInsets.all(16.0), // Spaziatura interna
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Margini esterni
  decoration: BoxDecoration( // Decorazione con colore di sfondo e angoli arrotondati
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Widget figlio
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);