Windows - React Native Kurulumu

[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.