Sobes.tech
Junior

K čemu slouží widget Placeholder ve Flutteru?

sobes.tech AI

Odpověď od AI

Widget Placeholder se používá k vizuálnímu zobrazení chybějícího nebo ještě neimplementovaného obsahu. Zobrazí obdélník, obvykle vyplněný příčkami, což naznačuje, že na tomto místě bude později umístěn jiný widget.

Hlavní scénáře použití:

  • Rychlé prototypování UI: Umožňuje načrtnout strukturu obrazovky, aniž by bylo nutné čekat na hotové skutečné widgety (například obrázky, složité uživatelské prvky).
  • Ladění: Pomáhá vidět, kam bude widget přidán, nebo odhalit problémy s rozložením, když se očekávaný widget nezobrazuje.
  • Zástupce načítaného obsahu: Dočasně jej lze použít, zatímco se načítá skutečný obsah (například obrázky ze sítě).
  • Týmový vývoj: Vývojáři mohou používat Placeholder k označení míst, na kterých budou pracovat jejich kolegové.

Příklad použití:

// Jednoduchý příklad použití Placeholder
class MyWidget extends StatelessWidget {
  const MyWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Příklad Placeholder'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // Zde bude obrázek
            const SizedBox(
              width: 100,
              height: 100,
              child: Placeholder(),
            ),
            const SizedBox(height: 20),
            const Text('Toto je text pod Placeholder'),
          ],
        ),
      ),
    );
  }
}

Vlastnosti widgetu Placeholder:

  • color: Barva čar a pozadí.
  • strokeWidth: Tloušťka čar.
  • fallbackWidth, fallbackHeight: Velikosti používané, pokud není Placeholder omezen rodičovským widgetem.

Je užitečný pro rychlý vizuální návrh a ladění, umožňuje soustředit se na rozložení, aniž byste se museli starat o detaily konkrétních widgetů.