Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Lekce 22 - Hra Šibenice - Hlavní komponenta aplikace

V minulé lekci, Hra Šibenice - Uživatelské rozhraní a navigace, jsme vytvořili komponenty stránek a vyřešili navigaci.

V následujícím tutoriálu vývoje multiplatformních mobilních aplikací v React Native vytvoříme hlavní komponentu celé aplikace Šibenice a celou hru tím dokončíme.

Komponenta GamePage

Soubor GamePage.js vytvoříme mezi ostatními stránkami ve složce pages/. Komponenta tohoto souboru bude hlavním aktérem naší aplikace. Pojďme se vrhnout na programování.

Výběr obrázku

Konstanta imagePaths nám bude sloužit k určení zobrazovaného obrázku. V React Native totiž require nepodporuje dynamické zadávání cesty. Konstanta bude vypadat takto:

import { StyleSheet, Text, View, Image } from "react-native";
import { useFocusEffect } from "@react-navigation/native";
import React, { useState } from "react";
import Key from "../Key";
import Game from "../Game";

 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

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.

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íš s Provozními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • 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 vytvoříme poslední a nejdůležitější komponentu celé aplikace a hru Šibenice tak dokončíme.
Článek pro vás napsal Štěpán Kraus
Avatar
Aktivity