Lekce 21 - Hra Šibenice - Uživatelské rozhraní a navigace
V minulé lekci, Hra Šibenice - Herní logika, jsme se zaměřili na téměř veškerou herní logiku.
V následujícím tutoriálu vývoje multiplatformních mobilních aplikací v React Native budeme pokračovat ve tvorbě naší hry Šibenice. Konkrétně se podíváme na uživatelské rozhraní aplikace a navigaci.
Uživatelské rozhraní
Pojďme si vytvořit vzhled aplikace Šibenice. V kořenovém adresáři
projektu si pro jednotlivé stránky vytvoříme složku
pages/.
Komponenta WelcomePage
Tato komponenta se nám zobrazí při otevření aplikace. Umístíme ji do
souboru WelcomePage.js. Kód bude vypadat následovně:
import { StyleSheet, Text, View, Pressable } from "react-native"; export default function WelcomePage({ navigation }) {
...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 vytvoříme komponenty stránek pro uživatelské rozhraní aplikace. A vyřešíme navigaci v aplikaci.
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íť.
