10. diel - Aplikácia ToDo - Navigácia a dokončenie
V minulej lekcii, Aplikácia ToDo - Využitie async storage , sme začali pracovať na ToDo aplikácii a zoznámili sme sa s async storage.
V nasledujúcom tutoriále vývoja multiplatformných mobilných aplikácií v React Native sa predovšetkým naučíme pracovať s viacerými stránkami. Zameriame sa na vzhľad našej ToDo aplikácie, jej logiku a navigáciu. Celú ToDo aplikáciu dokončíme.
Aplikácie s viacerými stránkami
Keďže budeme chcieť pracovať s viacerými úlohami naraz, budeme v aplikácii potrebovať dve rôzne stránky. Konkrétne to bude:
- stránka pre výpis úloh (
ToDoListPage), - stránka pre vytvorenie alebo editáciu
úlohy (
ToDoDetailPage).
Routes/ a
pomenujeme ich ToDoListPage.js a ToDoDetailPage.js.
Navigácia
Aby bolo možné sa medzi stránkami prepínať, budeme potrebovať navigáciu a teda aj nejakú tú logiku. My budeme využívať knižnicu React Navigation. Každá stránka v React Native je reprezentovaná komponentom a je uložená v navigačnom zásobníku. Navigačný zásobník funguje na princípe Last-in, First-out, čo znamená, že posledná stránka, ktorú sme otvorili, bude tá, na ktorú sa vrátime ako prvá.
Knižnica React Navigation poskytuje tri základné metódy na
navigáciu medzi stránkami:
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Kúpiť tento kurz
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V tutoriále React Native vytvoríme vzhľad aplikácie a dokončíme logiku ToDo aplikácie. Naučíme sa využívať navigáciu medzi viacerými stránkami.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.
