8. diel - Aplikácia Kalkulačka - Logická časť
V minulej lekcii, Aplikácia Kalkulačka - Layout , sme vytvorili vzhľad aplikácie Kalkulačka.
V nasledujúcom tutoriále vývoja multiplatformných mobilných
aplikácií v React Native sa naučíme pracovať s hookom
useState(). Vytvoríme logiku aplikácie Kalkulačka a
implementujeme tlačidlám funkciu onPress(). Tým celú aplikáciu
Kalkulačka dokončíme.
Úprava súboru App.js
Otvoríme si v IDE projekt Kalkulačky z lekcie Aplikácia Kalkulačka
- Layout. Začneme tým, že upravíme komponent App. V
aplikácii budeme potrebovať na kalkulačke zachovať hodnotu výrazu. Na to
využijeme hook useState(). Konvenciou je pomenovávať a
deklarovať jeho stavové premenné takto:
const [promenna, nastavPromennou] = useState(puvodniStav);
puvodniStav je hodnota, akú má premenná
promenna po deklarácii. Toľko k teórii.
Teraz sa teda presunieme do súboru App.js Aby sme mohli hook
useState() použiť, musíme ho najskôr importovať na začiatku
súboru:
...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 dokončíme aplikáciu Kalkulačka, naučíme sa používať React hook useState() a vytvoríme logiku celej aplikácie.
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ť.
