Lekce 8 - Aplikace Kalkulačka - Logická část
V minulé lekci, Aplikace Kalkulačka - Layout, jsme vytvořili vzhled aplikace Kalkulačka.
V následujícím tutoriálu vývoje multiplatformních mobilních
aplikací v React Native se naučíme pracovat s hookem
useState(). Vytvoříme logiku aplikace Kalkulačka a
implementujeme tlačítkům funkci onPress(). Tím celou aplikaci
Kalkulačka dokončíme.
Úprava souboru App.js
Otevřeme si v IDE projekt Kalkulačky z lekce Aplikace Kalkulačka -
Layout. Začneme tím, že upravíme komponentu App. V aplikaci
budeme potřebovat na kalkulačce zachovat hodnotu výrazu. K tomu využijeme
hook useState(). Konvencí je pojmenovávat a deklarovat jeho
stavové proměnné takto:
const [promenna, nastavPromennou] = useState(puvodniStav);
Hodnota puvodniStav je hodnota, jakou má proměnná
promenna po deklaraci. Tolik k teorii.
Nyní se tedy přesuneme do souboru App.js. Abychom mohli hook
useState() použít, musíme ho nejprve importovat na začátku
souboru:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu React Native dokončíme aplikaci Kalkulačka, naučíme se používat React hook useState() a vytvoříme logiku celé aplikace.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
