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
Došiel 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émiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
20 €
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íš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- 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.
