Aplicacions amb Flutter, Dart i Flame

Espaiador

L'espaiador és un element que permet deixar una separació entre components. Si entre els descendents d'un empaquetadors hi ha diversos espaiadors, aquests es reparteixen l'espaiat disponible entre ells. Per exemple, en la següent filera tindrem un element a l'esquerra, un al mig i un a la dreta i la separació entre ells serà la mateixa; atès que cada un dels dos espaiadors s'ha quedat la meitat de l'espai disponible.

class Filera extends StatelessWidget {
  const Filera({super.key});

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(top: 100),
      child: const Row(
        children: [
          Text("elem1"),
          Spacer(),
          Text("elem2"),
          Spacer(),
          Text("elem3"),
        ],
      ),
    );
  }
}

En aquest altrte cas, els quatre espaiadors es reparteixen l'espai i, per tant, els textos dels extrems també estaran separats de les vores de la finestra.

class Filera extends StatelessWidget {
  const Filera({super.key});

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(top: 100),
      child: const Row(
        children: [
          Spacer(),
          Text("elem1"),
          Spacer(),
          Text("elem2"),
          Spacer(),
          Text("elem3"),
          Spacer(),
        ],
      ),
    );
  }
}

Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.