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 pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
475 Kč
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.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- 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íť.
