A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalon Előző változat Következő változat | Előző változat | ||
oktatas:telefon:react_native:kezdes_expo [2022/12/21 18:23] admin [React Native - Expo kezdés] |
oktatas:telefon:react_native:kezdes_expo [2023/03/04 23:14] admin [Kezdés] |
||
---|---|---|---|
Sor 31: | Sor 31: | ||
Az expo.dev webhelyre feltölthetjük projektjeinket. | Az expo.dev webhelyre feltölthetjük projektjeinket. | ||
+ | ===== NodeJS ===== | ||
+ | A webes megjelenítéshez 2022-12-22-én NodeJS 16.x szükséges. | ||
+ | |||
+ | A különböző verziók telepítése: | ||
+ | * https://github.com/nodesource/distributions/blob/master/README.md | ||
===== Kezdés ===== | ===== Kezdés ===== | ||
Sor 65: | Sor 70: | ||
A yarn az npm parancs helyett ajánlott csomag és projekt-kezelő. Mindegy melyiket használjuk. Ebben a leírásban az npm parancsot használjuk. | A yarn az npm parancs helyett ajánlott csomag és projekt-kezelő. Mindegy melyiket használjuk. Ebben a leírásban az npm parancsot használjuk. | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | Az indításhoz használjuk az expo start parancsot: | ||
+ | |||
+ | <code> | ||
+ | expo start | ||
+ | </code> | ||
+ | |||
+ | A "w" billentyűvel webes felületen megnézhetjük az alkalmazást. | ||
+ | |||
+ | ===== Kezdés npx paranccsal ===== | ||
+ | |||
+ | <code> | ||
+ | npx create-expo-app app01 | ||
+ | npx expo install react-native-web@~0.18.10 react-dom@18.2.0 | ||
+ | npx expo install @expo/webpack-config@^18.0.1 | ||
+ | </code> | ||
===== Alapkód ===== | ===== Alapkód ===== | ||
Sor 124: | Sor 148: | ||
npm start | npm start | ||
- | A 19002-s porton megnyílik egy weboldalon a Metro Bundler. | ||
- | Menjünk vissza a terminálba. A következőket láthatjuk: | + | A terminálban a következőket láthatjuk: |
<code> | <code> | ||
Sor 145: | Sor 168: | ||
</code> | </code> | ||
- | Lehetőségünk van néhány feladat elvégzésére, a terminálban is, a megadott billentyű lenyomásával. | + | Láthatjuk milyen billentyűkombinációkkal indíthatunk feladatokat. |
- | A megnyílt webes felületen is elvégezhetjük ezen feladatok nagyrészt. | + | |