7. diel - Aplikácia Kalkulačka - Layout
V minulej lekcii, Pozíciovanie komponentov , sme si ukázali a popísali absolútne a relatívne pozíciovanie, okraje, jednotky veľkostí a defaultné správanie komponentu View.
V dnešnom tutoriále vývoja multiplatformných mobilných
aplikácií v React Native začneme pracovať na novej aplikácii
Kalkulačka. Naučíme sa pri tom pracovať s komponentom
Pressable. Naša aplikácia bude vo finálnej podobe vyzerať
takto:
Založenie projektu
Najprv si vytvoríme vzhľad celej aplikácie. Založíme nový prázdny
projekt pomocou príkazu npx create-expo-app Kalkulacka. V
koreňovom priečinku projektu Kalkulacka/ potom vytvoríme nový
súbor. Pomenujeme ho button.js. Súbor bude obsahovať šablónu
pre tlačidlo kalkulačky.
Vytvorenie šablóny tlačidla
Do súboru button.js zapíšeme nasledujúci kód:
...koniec náhľadu článku...
Pokračuj ďalej
Došiel 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émiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
20 €
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íš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- 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 začneme pracovať na kalkulačke. Vytvoríme vzhľad kalkulačky a naučíme sa pracovať s komponentom Pressable.
