Android SDK telepítése
Ellenőrizzük, hogy az Android SDK feltelepült-e a rendszerre:
1. Android Studio üdvözlőképernyőjén kattintsunk a Configure-ra, majd az SDK Manager-re
2. az fa nézetben válasszuk ki: ‘Appearance & Behavior > System Settings > Android SDK‘
3. a jobb oldali panelen az ‘SDK Platforms‘-ban jelöljük be az “Android 10.0 (Q)“-t
4. a lista alján található ‘Show Package Details‘-t pipáljuk be
5. az elérhető legnagyobb az ‘Android SDK Platform‘ és egy ‘System Image‘ legyen bejelölve
6. váltsunk át az ‘SDK Tools‘ fülre a lista tetején és a ‘Show Package Details‘-t pipáljuk be
7. az ‘Android SDK Build Tools‘ alatt a legutolsó elem van bepipálva
8. nyomjuk meg alul az ‘Apply‘-t és ezzel elindul a telepítés, amennyiben szükséges
ANDROID_HOME környezeti változó elkészítése
1. a Windows Control Panel, majd ‘System and Security‘ es ‘Change Settings…‘
2. az ‘Advanced‘ fülön válasszuk ki az ‘Environment Variables…‘-t
Variable name: ANDROID_HOME
3. kattintsunk a New-ra és adjuk meg az alábbi adatokat:
Variable value: ‘az Android SDK telepítési útvonala, alapból:
c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk‘
Az SDK telepítési útvonala megtalálható az Android Studio megnyitását követően a ‘Preferences’-re kattintva majd ‘Appearance & Behavior > System Settings > Android SDK’
PLATFORM-TOOLS hozzáadása a Path-hoz
1. a Windows Control Panel, majd ‘System and Security‘ es ‘Change Settings…‘
2. az ‘Advanced‘ fülön válasszuk ki az ‘Environment Variables…‘ és utána a ‘Path‘-t
3. kattintsunk az Edit-re majd a New-ra, hogy hozzáadhassunk egy új útvonalat:
c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk\platform-tools
Ahol a YOUR_USERNAME a mindenkori Windows felhasználói név
Teszt és az első projekt létrehozása
Nyissunk egy command prompt-ot, majd egy tetszőleges mappában adjuk ki az alábbit:
npx react-native init TestProject
Miután a projekt létrejött, indítsuk el hogy települjenek a maradék csomagfüggőségek:
cd TestProject
npx react-native run-android
Ha elindult az emulátor és benne a teszt projekt, akkor a környezet készen áll az órai munkára!
Ha nem: Android Studio > Preferences > AVD Manager. Hozzunk létre egy új emulátort a Create Virtual Device gombbal: Category: Phone, Name: Pixel 2, a következő képernyőn válasszuk a ‘Q’-t majd Finish. Indítsuk el a play gombbal az emulátort, ha a Home screen látszódik, adjuk ki ismételten a parancsot a command prompt-ban:
npx react-native run-android