1Column(
2 children: [
3 Text('Elemento 1'),
4 Text('Elemento 2'),
5 Text('Elemento 3'),
6 ],
7);
8
1List<String> articoli = ['Articolo 1', 'Articolo 2', 'Articolo 3'];
2
3Column(
4 children: articoli.map((articolo) => Text(articolo)).toList(),
5);
6
mainAxisSize
. Per esempio:1Column(
2 mainAxisSize: MainAxisSize.min,
3 children: [
4 Text('Elemento 1'),
5 Text('Elemento 2'),
6 ],
7);
8
SizedBox
o la proprietà mainAxisAlignment
:1Column(
2 mainAxisAlignment: MainAxisAlignment.spaceAround,
3 children: [
4 Text('Elemento 1'),
5 Text('Elemento 2'),
6 Text('Elemento 3'),
7 ],
8);
9
Container
:1Container(
2 color: Colors.blue,
3 child: Column(
4 children: [
5 Text('Elemento 1'),
6 Text('Elemento 2'),
7 ],
8 ),
9);
10
Expanded
e Flexible
sono fantastici strumenti da utilizzare all'interno delle colonne. Questi widget ti permettono di sfruttare tutto lo spazio disponibile. Ecco un esempio:1Column(
2 children: [
3 Expanded(child: Container(color: Colors.red)),
4 Expanded(child: Container(color: Colors.green)),
5 ],
6);
7
1Column(
2 children: [
3 Image.asset('path/to/image.png'),
4 Text('Descrizione dell\'immagine'),
5 ElevatedButton(onPressed: () {}, child: Text('Clicca qui')),
6 ],
7);
8
ListView
per evitare sovraffollamenti.true
o false
, utilizzati principalmente per le condizioni:let
, const
o var
.let
possono essere modificate:let
e const
hanno un scope di blocco, mentre le variabili dichiarate con var
hanno uno scope di funzione.x
, usa numeroDiUtenti
.