4. diel - Prvá multiplatformná aplikácia

V minulej lekcii, React Native - TODO aplikácie , sme si vytvorili základnú funkčnosť TODO aplikácie.

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