React Native Windows Kurulumu 2025

YouTube videosunu da izleyebilirsiniz:

React Native Windows Kurulumu 2025

Bağımlılıklar yükleniyor

Node, React Native komut satırı arayüzü, bir JDK ve Android Studio'ya ihtiyacınız olacak.
Uygulamanızı geliştirmek için istediğiniz herhangi bir editörü kullanabilseniz de, Android için React Native uygulamanızı oluşturmak üzere gerekli araçları ayarlamak için Android Studio'yu yüklemeniz gerekecektir.

Gerekli bağımlılıkları yüklemek için Chocolatey'i yükleme

1. "Windows PowerShell "i yönetici olarak çalıştırın.

2. Aşağıdaki kodu yapıştırın ve enter tuşuna basın

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1')) 

3. Komutun tamamlanması için birkaç saniye bekleyin.

4. Herhangi bir hata görmüyorsanız, Chocolatey'i kullanmaya hazırsınız demektir! chocoveyachoco -?` yazın

Node, JDK

Not: Eğer daha önce Node.js yüklediyseniz nodejs-lts kısmını kaldırabilirsiniz.

choco install -y nodejs-lts microsoft-openjdk17 

Not: Sisteminize Node yüklediyseniz, Node 18 veya daha yeni bir sürüm olduğundan emin olun. Sisteminizde zaten bir JDK varsa, JDK17'yi öneririz. Daha yüksek JDK sürümlerini kullanırken sorunlarla karşılaşabilirsiniz.

Android geliştirme ortamı

Android geliştirmede yeniyseniz geliştirme ortamınızı kurmak biraz sıkıcı olabilir. Android geliştirmeye zaten aşinaysanız, yapılandırmanız gereken birkaç şey olabilir. Her iki durumda da, lütfen sonraki birkaç adımı dikkatlice takip ettiğinizden emin olun.

1. Android Studio'yu yükleyin

Android Studio'yu indirin ve yükleyin. Android Studio kurulum sihirbazındayken, aşağıdaki tüm öğelerin yanındaki kutuların işaretli olduğundan emin olun:

• Android SDK
• Android SDK Platformu
• Android Sanal Cihaz
• Henüz Hyper-V kullanmıyorsanız: Performans (Intel ® HAXM)

Ardından, tüm bu bileşenleri yüklemek için "İleri "ye tıklayın.
Kurulum tamamlandıktan ve Hoş Geldiniz ekranıyla karşılaştıktan sonra bir sonraki adıma geçin.

2. Android SDK'yı yükleyin

Android Studio varsayılan olarak en son Android SDK'sını yükler. Ancak yerel kodla bir React Native uygulaması oluşturmak için özellikle Android 15 (VanillaIceCream) SDK'sı gerekir. Ek Android SDK'ları Android Studio'daki SDK Yöneticisi aracılığıyla yüklenebilir.
Bunu yapmak için Android Studio'yu açın, "Diğer Eylemler" düğmesine tıklayın ve "SDK Yöneticisi "ni seçin.

Not: SDK Yöneticisi, Android Studio "Ayarlar" iletişim kutusunda, Diller ve Çerçeveler → Android SDK altında da bulunabilir.

SDK Yöneticisi içinden "SDK Platformları" sekmesini seçin, ardından sağ alt köşedeki "Paket Ayrıntılarını Göster" seçeneğinin yanındaki kutuyu işaretleyin. Android 15 (VanillaIceCream) girişini bulun ve genişletin, ardından aşağıdaki öğelerin işaretli olduğundan emin olun:

• Android SDK Platformu 35
• Intel x86 Atom_64 Sistem Görüntüsü veya Google API'leri Intel x86 Atom Sistem Görüntüsü

Ardından, "SDK Araçları" sekmesini seçin ve burada da "Paket Ayrıntılarını Göster" seçeneğinin yanındaki kutuyu işaretleyin. Android SDK Build-Tools girişini bulun ve genişletin, ardından 35.0.0'ın seçili olduğundan emin olun.
Son olarak, Android SDK'yı ve ilgili derleme araçlarını indirmek ve yüklemek için "Uygula "ya tıklayın.

3. ANDROID_HOME ortam değişkenini yapılandırma

React Native araçları, yerel kodla uygulama oluşturmak için bazı ortam değişkenlerinin ayarlanmasını gerektirir.

1. Windows Denetim Masası`nı açın.

2. Kullanıcı Hesaplarına tıklayın, ardından tekrar Kullanıcı Hesapları`na tıklayın

3. Çevre değişkenlerimi değiştir seçeneğine tıklayın

4. Android SDK'nızın yolunu gösteren yeni bir ANDROID_HOME kullanıcı değişkeni oluşturmak için Yeni... üzerine tıklayın:

SDK varsayılan olarak aşağıdaki konuma yüklenir:

LOCALAPPDATA%\Android\Sdk

Not: SDK'nın gerçek konumunu Android Studio "Ayarlar" iletişim kutusunda, Languages & Frameworks → Android SDK altında bulabilirsiniz.

Bir sonraki adıma geçmeden önce yeni ortam değişkeninin yüklendiğinden emin olmak için yeni bir Komut İstemi penceresi açın.

1. Powershell`i açın
2. Kopyalayın ve Get-ChildItem -Path Env:\ öğesini powershell'e yapıştırın
3. ANDROID_HOME`un eklendiğini doğrulayın

4. Path'e platform-tools ekleyin

1. Windows Denetim Masası`nı açın.
2. Kullanıcı Hesaplarına tıklayın, ardından tekrar Kullanıcı Hesapları`na tıklayın
3. Çevre değişkenlerimi değiştir seçeneğine tıklayın
4. Path` değişkenini seçin.
5. Düzenle'ye tıklayın.
6. Yeni`ye tıklayın ve platform-tools yolunu listeye ekleyin.

Bu klasör için varsayılan konum şudur:

LOCALAPPDATA%\Android\Sdk\platform-tools

Uygulamamızı çalıştırmak için sanal bir cihaz kullanma

AVD Yöneticisini açın, "Sanal Aygıt Oluştur... "u seçin, ardından listeden herhangi bir Telefon seçin ve "İleri "ye tıklayın, ardından VanillaIceCream API Level 35 görüntüsünü seçin.

İlk uygulamamızı oluşturma

npx @react-native-community/cli@latest init AwesomeProject

cd AwesomeProject && kod .

npm start

npm run android

Not: "code ." komutu çalışmazsa projenizi manuel olarak açabilirsiniz.

Kaynak: https://reactnative.dev/docs/set-up-your-environment