Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.
Els farciments són uns ginys que permeten definir espaiat al voltant dels elements que tenen dins. Cada farciment només pot tenir un element a dins. Per exemple, en aquest cas hi posem una filera i definim un espaiat de 50 píxels al seu voltant.
class Filera extends StatelessWidget {
const Filera({super.key});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(50.0),
child: const Row(
children: [
Text("elem1"),
Text("elem2"),
Text("elem3"),
],
),
);
}
}
Si volem posar un element dins d'un farciment, hi ha una manera ràpida per fer-ho. En aquest cas, per posar la filera dins del farciment podríem marcar la paraula Row, picar a sobre amb el botói dret i triar Refactor.... Per posar la filera dins un farciment triaríem Wrap with Padding i ja ens ho posaria automàticament a dins; només faltaria ajustar les propietats que necessitem.
Els farciments, com tots els ginys, poden ser sensibles a les accions de l'usuari si els tanquem dins d'un detector d'accions.
Si volem definir espais diferents podem fer servir EdgeInsets.fromLTRB i dins el parèntesi posar els valors que desitgem per a cada costat en ordre (esquerra, dalt, dreta, baix). Els valors poden tenir decimals.
...
padding: const EdgeInsets.fromLTRB(12, 6, 12, 18),
...
També podem fer servir EdgeInsets.only i dins el parèntesi posar els valors que desitgem per a cada costat, indicant a quin corresponen. Si algun el volem deixar sense espai no caldria posar-lo. Els valors poden tenir decimals.
...
padding: const EdgeInsets.only(top: 20, right: 40, bottom: 50, left: 30),
...
padding: const EdgeInsets.only(top: 20, bottom: 50),
...
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.