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 pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
475 Kč
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.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- 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íť.
