Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.
Les fileres són uns ginys que ens permeten situar elements uns al costat dels altres. Cada filera tindrà, normalment, dos o més descendents. En aquest cas, hi ha tres descendents de tipus botó:
...
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
TextButton(
onPressed: () {
setState(() {
...
});
},
child: Text("Botó 1"),
),
TextButton(
onPressed: () {
setState(() {
...
});
},
child: Text("Botó 2"),
),
TextButton(
onPressed: () {
setState(() {
...
});
},
child: Text("Botó 3"),
),
],
),
...
Si volem posar un element dins d'una filera, hi ha una manera ràpida per fer-ho. Per posar l'element dins de la filera, podríem marcar el nom de l'element, picar a sobre amb el botói dret i triar Refactor.... Triaríem Wrap with Row i ja ens ho posaria automàticament a dins; només faltaria ajustar les propietats que necessitem.
Les fileres, com tots els ginys, poden ser sensibles a les accions de l'usuari si els tanquem dins d'un detector d'accions.
Aquesta classe normalment estaria en un fitxer (que podem anomenar row.dart) a la carpeta layouts. Una filera és un giny (widget) sense estat. En el fitxer podem començar a escriure stl i ja ens sortiran diverses opcions, en aquest cas triarem StatelessWidget i el sistema ja ens generarà automàticament les instruccions bàsiques d'un element d'aquest tipus.
Com veiem, hi podem posar un paràmetre que defineixi com s'ha d'alinear el text dins de la columna o quina alçada ha de tenir.
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.