Windows - React Native Kurulumu

Mobil uygulama geliştirme ile ilgili konuları burada bulabilirsiniz
Cevapla
Kullanıcı avatarı
melihcelenk
Site Admin
Mesajlar: 212
Kayıt: 05 Eki 2021, 03:23

Windows - React Native Kurulumu

Mesaj gönderen melihcelenk »

Ortam Değişkenleri'nde ANDROID_HOME değişkeninin tanımlı olduğundan emin olun. Burada SDK dosya yolunu vermeniz gerekmektedir. (sdk.dir=C:\\Users\\UserName\\AppData\\Local\\Android\\sdk)

Chocolatey - Windows'un paket yöneticisi
https://chocolatey.org/

Konsolu açın ve aşağıdaki kurulumları belirtilen şekilde yapın.

Node JS kurulumu
choco install -y nodejs.install --version 11.6.0
Python2 kurulumu
choco install -y python2 jdk8
React Native CLI kurulumu
npm install -g react-native-cli
Android Studio kurulumu
(Kurulumda Android Virtual Device'ın seçili olduğundan emin olun)
https://developer.android.com/studio

https://reactnative.dev/docs/environment-setup
Yukarıdaki bağlantıdaki gösterildiği şekilde ortam değişkenlerine gidin ve User variables bölümünde New butonuna tıklayın ve Variable name için ANDROID_HOME, Variable value için Android Studio'nun SDK'sinin bulunduğu dosya yolunu girin. Bu yolu Android Studio'da SDK Manager'e girerek görebilirsiniz.

GenyMotion - Emülatör kurulumu (VirtualBox ile çalışır. Bilgisayarınızda VirtualBox varsa without VirtualBox olan versiyonunu indirebilirsiniz.
https://www.genymotion.com/download/

Bir proje klasörü oluşturun ve içerisinde konsolu açarak
react-native init yeniproje
komutunu girin.
npm start
ile çalıştırın.

cd komutu ile yeniproje dizinine girin ve
react-native run-android
(Bunu Visual Studio Code üzerinde çalıştırmak için VSCode terminalinde Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass komutunu girin.)
KAYNAK: https://caiomsouza.medium.com/fix-for-p ... f0ed518715

Proje emülatörde çalışacaktır. GenyMotion penceresi üzerinde sağ alttaki Menu butonu veya Ctrl + Shift + M kısayolu ile ile React Native için kullanabileceğimiz menü arayüzüne ulaşabiliriz. Bu menüde Show Element Inspector'a tıklayarak tarayıcımızdaki Öğeyi Denetle seçeneğinde olduğu gibi öğeye ait özellikleri görebiliriz.
Cevapla