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);
Hodnota 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

Vedomosti v hodnote stoviek tisíc získaš za pár eur

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.

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.

Čo od nás v ďalších lekciách dostaneš?
  • 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 dokončíme aplikáciu Kalkulačka, naučíme sa používať React hook useState() a vytvoríme logiku celej aplikácie.
Článok pre vás napísal Štěpán Kraus
Avatar
Aktivity