Tartalomjegyzék
React Native - Expo kezdés npx paranccsal
- Szerző: Sallai András
- Copyright © 2023, Sallai András
- Szerkesztve: 2023, 2024
- Web: https://szit.hu
Projekt létrehozása
npx create-expo-app app01 --template
Webes felület függőségei
A telefonos szimuláció vagy valós telefon eszköz nélkül webes felületen szeretnénk figyelemmel kísérni az alkalmazásunk felületét telepíteni kell a webes felület függőségeit:
Lépjünk be a projekt könyvtárába, ha még nem tettük meg:
cd app01
Telepítsük a webes függőségeket:
npx expo install react-dom react-native-web @expo/metro-runtime
npx expo install react-dom react-native-web @expo/webpack-config
import "@expo/metro-runtime";
Indítsuk így a webes felültetet.
Projekt indítása
npx expo start
Indítás közvetlenül webes felülettel:
npx expo start --web
Projekt megtekintése telefonon
Szükség van telefonon az Expo Go alkalmazásra.
Ha különböző hálózatban van a telefon és a számítógép:
npx expo start --host tunnel
Update
A new version of `create-expo-app` is available You can update by running: npm install -g create-expo-app
Snack
Gyakorláshoz használhatunk egy online felületet, amit Snack-nek hívnak:
A Snack használható itt helyben is, de eredeti online helye a következő címen található:
- https://snack.expo.dev/ (2023)
Sablon használata
A --template kapcsolóval sablonokat használhatunk.
npx create-expo-app app01 --template
A --template kapcsoló egy interaktív választási lehetőséget jelenít meg számunkra.
npx create-expo-app app01 --template
? Choose a template: › - Use arrow-keys. Return to submit.
❯ Blank
a minimal app as clean as an empty canvas
Blank (TypeScript)
Navigation (TypeScript)
Blank (Bare)