Lekce 7 - Aplikace Kalkulačka - Layout
V minulé lekci, Pozicování komponent, jsme si ukázali a popsali absolutní a relativní pozicování, okraje, jednotky velikostí a defaultní chování komponenty View.
V dnešním tutoriálu vývoje multiplatformních mobilních
aplikací v React Native začneme pracovat na nové aplikaci
Kalkulačka. Naučíme se při tom pracovat s komponentou
Pressable. Naše aplikace bude ve finální podobě vypadat
takto:
Založení projektu
Nejprve si vytvoříme vzhled celé aplikace. Založíme nový prázdný
projekt pomocí příkazu npx create-expo-app Kalkulacka. V
kořenové složce projektu Kalkulacka/ poté vytvoříme nový
soubor. Pojmenujeme ho button.js. Soubor bude obsahovat šablonu
pro tlačítko kalkulačky.
Vytvoření šablony tlačítka
Do souboru button.js zapíšeme následující kód:
...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 začneme pracovat na kalkulačce. Vytvoříme vzhled kalkulačky a naučíme se pracovat s komponentou Pressable.
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íť.
