IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

4. diel - Prvá multiplatformná aplikácia

V minulej lekcii, React Native - Prvá aplikácia , sme si nainštalovali Expo CLI a vytvorili našej prvej aplikácii.

V nasledujúcom tutoriále vývoja multiplatformných mobilných aplikácií v React Native už konečne opustíme teoretické kruhy a napíšeme si našu prvú multiplatformnú aplikáciu. Prejdeme si jej spustenie na fyzickom zariadení aj na simulátore. Ako už býva zvykom, prvá aplikácia je väčšinou typu „Hello World!“. Ani v tomto prípade tomu nebude inak, iba s tým rozdielom, že nebudeme písať oslovenie priamo do kódu. Napíšeme ho do textového poľa priamo v aplikácii, ktorá ho uloží do premennej. Tú následne vypíšeme v dialógovom okne.

Založenie projektu

Pre našu prvú skutočnú aplikáciu si založíme samostatný projekt. Spustíme Visual Studio Code a vytvoríme nový terminál, v ktorom v našom pracovnom priečinku spustíme príkaz npx create-expo-app HelloApp.

Po skončení príkazu na vytvorenie projektu si otvoríme súbor App.js. Z predchádzajúcich lekcií už vieme, že sa jedná o vstupný bod pre našu aplikáciu. V súbore nájdeme nasledujúci kód:

Už pri prvom pohľade je jasné, akým spôsobom budeme zapisovať kód a aj kam. Budeme ho písať do tela komponenty View. Platí tu rovnaké pravidlo ako v Reactu a to, že return môže vracať iba jeden komponent. Ak chceme používať viac komponentov, musíme ich vkladať do nejakého kontajnera, v našom prípade práve do komponentu View.


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul 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émiové sekcie.

Kúpiť tento kurz

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh iba za 500 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto balíčku získaš prístup ku všetkým 29 článkom (29 lekcií) tohoto kurzu.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • 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 si prejdeme si spustenie aplikácie na fyzickom zariadení a na simulátore. Vytvoríme aplikáciu, ktorá nás pozdraví podľa užívateľského vstupu.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Štěpán Kraus
Avatar
Aktivity