oktatas:telefon:react_native:kezdes_expo_npx
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
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
A @expo/webpack-config elavult:
npx expo install react-dom react-native-web @expo/webpack-config
Projekt indítása
npx expo start
Indítás közvetlenül webes felülettel:
npx expo start --web
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)
A Snack nem tudja megjeleníteni a StatusBar elemet, így hibát is ír. Töröljük a StatusBar elemet, ha Snack-ben dolgozunk.
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)
Link
oktatas/telefon/react_native/kezdes_expo_npx.txt · Utolsó módosítás: 2024/03/21 11:08 szerkesztette: admin