Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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).
Stránky do projektu pridáme do novej zložky 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

Vedomosti v hodnote stoviek tisíc získaš za pár korún

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

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh iba za 500 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto balíčku získaš prístup ku všetkým 29 článkom (29 lekcií) tohoto kurzu.

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.

Čo od nás v ďalších lekciách dostaneš?
  • 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ť.

Článok pre vás napísal Štěpán Kraus
Avatar
Aktivity