1.1 AppBuilder

AppBuilder je hlavný pracovný nástroj, ktorý uvidíme hneď po tom, ako si otvoríme projekt vo FlutterFlow. Je pomerne intuitívny, ale bude potrebné si tento nástroj predstaviť, aby sme sa v ňom vedeli lepšie orientovať.

Po otvorení projektu teda môžeme vidieť približne takéto okno:

app_builder.avif

Obsahuje teda komponenty:

  1. Navigation Menu - pre prepínanie rôznych pohľadov na našu aplikáciu (dizajn, dáta, nastavenia, …)
  2. Tool Bar - pre rýchly prehľad stavu aplikácie a jej spustenie
  3. Canvas Area - kde sa budú diať veci
  4. Properties Panel - ktorý sa bude dynamicky meniť podľa vybraného widgetu

V tomto menu vidíme rôzne záložky, ktorými môžeme prepínať pohľady na našu aplikáciu. Každá záložka má svoje účely a funkcie, ktoré môžeme použiť na vytváranie a správu aplikácie. Napríklad prvé 3 záložky sa venujú výlučne dizajnu a obrazovkám. V sekcii Connect sa prvé 3 záložky venujú dátam, ďalšie záložky sa venujú napojeniu na backend, statickým súborom, nastaveniam projektu a podobne.

Tool Bar

toolbar.avif

V toolbare nás budú zaujímať len:

  • Project Issues - teda čo sme ako programátori pokazili
  • Preview App - rýchle spustenie aplikácie bez všetkých funkcionalít
  • Test Mode - klasické spustenie aplikácie

Canvas

canvas.avif

V Canvas budeme predovšetkým ukladať widgety na obrazovku. Avšak má aj ďalšie funkcie, ktoré stoja za zmienku:

  1. Zoom in/out
  2. Preview Size - mobil, tablet, PC
  3. Dark/Light mode
  4. Settings - zobrazenie klávesnice, zmena jazyka a pod.