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),
),
);