Lekce 14 - Hádej číslo - Dokončení aplikace
V minulé lekci, Hádej číslo - Logika aplikace, jsme vytvořili logiku pro aplikaci Hádej číslo.
V následujícím tutoriálu vývoje multiplatformních mobilních aplikací v React Native si představíme, jak se dělají jednoduché animace pomocí knihovny React Native Animatable. Dokončíme celou aplikaci Hádej číslo.
Knihovna Animatable
Už jsme si řekli, že knihovna React Native Animatable
slouží k tvorbě animací. Knihovna má rozsáhlou sadu vlastností pro
deklarativní použití, jako jsou animace, smyčky, obecné přechody a
další. Součástí je také API, které se snadno používá a které
poskytuje vývojářům výkonné možnosti ovládání vytvářených animací.
V současné době má více než šest desítek vestavěných animací. My
využijeme animaci shake.
Pro zajímavost si uveďme další nejběžnější animace, které jsou v knihovně dostupné:
- Fade In / Fade Out,
- Slide In / Slide Out,
- Zoom In / Zoom Out,
- Bounce,
- Rotate,
- Pulse,
- Flip.
Pomocí této knihovny lze vytvářet i vlastní animace. My si ovšem vystačíme s těmi vestavěnými.
Vzhled aplikace Hádej číslo
Pojďme se pustit do konečné podoby naší aplikace. Výchozí
View komponentu nahradíme následovně:
...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 Hádej číslo a ukážeme si, jak vytvářet jednoduché animace pomocí knihovny Animatable.
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íť.
