Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.
Com les columnes, el visor de llista són uns ginys que ens permeten situar elements uns sota els altres; però amb l'opció de desplaçar amunt i avall. Cada visor de llista tindrà, normalment, dos o més descendents. En aquest cas, hi ha tres descendents de text:
class Llista extends StatelessWidget {
const Llista({super.key});
@override
Widget build(BuildContext context) {
return ListView(
children: [
Text("Primera línia de text"),
Text("Segona línia de text"),
Text("Tercera línia de text"),
],
);
}
}
Els visors de llista, com tots els ginys, poden ser sensibles a les accions de l'usuari si els tanquem dins d'un detector d'accions.
Els visors de llista no admeten definir-ne la mida o l'alineació.
Hi ha un constructor de visor de llista que permet construir el contingut a partir d'una llista. El seu constructor d'elements té dos paràmetres, el context i l'índex. L'índex el podem fer servir com a punter a la llista.
...
return SizedBox(
height: 500,
child: ListView.builder(
itemBuilder: (context, index) {
return Text(llista[index]);
},
),
);
...
A aquest element se li pot passar la mida de la llista, així optimitza el seu funcionament.
...
return SizedBox(
height: 500,
child: ListView.builder(
itemCount: llista.length,
itemBuilder: (context, index) {
return Text(llista[index]);
},
),
);
...
Aquest element és molt útil per als constructors de futurs.
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.