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