Sobes.tech
Junior

Na čo slúži widget Placeholder vo Flutteri?

sobes.tech AI

Odpoveď od AI

Widget Placeholder sa používá k vizuálnemu zobrazeniu chýbajúceho alebo ešte neimplementovaného obsahu. Zobrazuje obdĺžnik, zvyčajne vyplnený priečkami, čo naznačuje, že na tomto mieste bude neskôr umiestnený iný widget.

Hlavné scenáre použitia:

  • Rýchle prototypovanie UI: Umožňuje načrtnuť štruktúru obrazovky bez čakania na hotové skutočné widgety (napríklad obrázky, zložité prvky používateľa).
  • Ladenie: Pomáha vidieť, kam bude widget pridaný, alebo odhaliť problémy s rozložením, keď sa očakávaný widget nezobrazuje.
  • Náhradník za načítavajúci obsah: Môže byť dočasne použitý, kým sa načíta skutočný obsah (napríklad obrázky zo siete).
  • Tímový vývoj: Vývojári môžu používať Placeholder na označenie miest, na ktorých budú pracovať ich kolegovia.

Príklad použitia:

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

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

Vlastnosti widgetu Placeholder:

  • color: Farba čiar a pozadia.
  • strokeWidth: Hrúbka čiar.
  • fallbackWidth, fallbackHeight: Rozmery, ktoré sa používajú, ak nie je Placeholder obmedzený rodičovským widgetom.

Je užitočný pre rýchly vizuálny návrh a ladenie, umožňuje sústrediť sa na rozloženie bez starostí o detaily konkrétnych widgetov.