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:
Obsahuje teda komponenty:
- Navigation Menu - pre prepínanie rôznych pohľadov na našu aplikáciu (dizajn, dáta, nastavenia, …)
- Tool Bar - pre rýchly prehľad stavu aplikácie a jej spustenie
- Canvas Area - kde sa budú diať veci
- Properties Panel - ktorý sa bude dynamicky meniť podľa vybraného widgetu
Navigation Menu
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
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
V Canvas budeme predovšetkým ukladať widgety na obrazovku. Avšak má aj ďalšie funkcie, ktoré stoja za zmienku:
- Zoom in/out
- Preview Size - mobil, tablet, PC
- Dark/Light mode
- Settings - zobrazenie klávesnice, zmena jazyka a pod.