14. diel - Hádaj číslo - Dokončenie aplikácie
V minulej lekcii, Hádaj číslo - Logika aplikácie , sme vytvorili logiku pre aplikáciu Hádaj číslo.
V nasledujúcom tutoriále vývoja multiplatformných mobilných aplikácií v React Native si predstavíme, ako sa robia jednoduché animácie pomocou knižnice React Native Animatable. Dokončíme celú aplikáciu Hádaj číslo.
Knižnica Animatable
Už sme si povedali, že knižnica React Native Animatable
slúži na tvorbu animácií. Knižnica má rozsiahlu sadu vlastností pre
deklaratívne použitie, ako sú animácie, slučky, všeobecné prechody a
ďalšie. Súčasťou je aj API, ktoré sa ľahko používa a poskytuje
vývojárom výkonné možnosti ovládania vytváraných animácií. V
súčasnej dobe má viac ako šesť desiatok vstavaných animácií. My
využijeme animáciu shake.
Pre zaujímavosť si uveďme ďalšie najbežnejšie animácie, ktoré sú v knižnici dostupné:
- Fade In/Fade Out
- Slide In/Slide Out
- Zoom In/Zoom Out
- Bounce
- Rotate
- Pulse
- Flip
Vzhľad aplikácie Hádaj číslo
Poďme sa pustiť do konečnej podoby našej aplikácie. Predvolený
View komponent nahradíme nasledovne:
...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 Hádaj číslo a ukážeme si, ako vytvárať jednoduché animácie pomocou knižnice Animatable.
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ť.
