React Native, Android cihaz üzerinde çalışma.

Fiziksel cihazınız üzerinde react native ile uygulama geliştirmek istiyorsanız adımları takip ediniz.

Ön hazırlık

Sorun, SDK yolunun belirtilmemesi.
android/ dizini altına local.properties dosyasına SDK yolunu belirtiniz. Default kurulum sonrası SDK yolu aşağıdaki gibidir.

sdk.dir = C \: \\Users\\KULLANICI_ADINIZ\\AppData\\Local\\ Android\\Sdk

Sorun, ortam değişkeninin ayarlanmaması.
Denetim Masası -> Sistem ve Güvenlik -> Sistem -> Ayarları Değiştir (sağda) tık.-> Gelişmiş (tab sekmesine) tık. -> Ortam Değişkenleri -> Kullanıcı değişkenleri alanında bulunan YENİ tık.

Değişken adı: ANDROID_HOME
Değişken değeri (SDK hangi dizinde ise): C:\Users\USERNAME\AppData\Local\Android\Sdk

Sorun kalmadı ise başlayalım…

1. Cihazı PC’ye takalım ve USB debug modunu aktif edelim.

Ayarlar -> Hakkında -> Derleme numarasına 7 kez dokunun ardından Ayarlar -> Geliştirici Ayarlarından USB Debug modu etkinleştirin.

2. Adb (Android Ayıklama Köprüsü) açalım.
cmd (yönetici olarak çalıştırın) komut yöneticisini açalım. SDK’nın kurulu olduğu dizinde, platform-tools dizin altına gelelim.

cd / 
cd C:\Users\USERNAME\AppData\Local\Android\Sdk\platform-tools
adb devices -l

Cihazımız ile PC mizin bağlı olduğundan emin olduktan sonra bu pencereyi kapatmayın.

3. Cihazımızın bağlandığından emin olalım.
React-native ile oluşturmuş olduğunuz projenizin dizinine gelin ve SHIFT + WINDOWS KEY ile powerShell’i açın veya cmd ile proje dizinine gelin. Aşağıdaki komutu çalıştırarak projenizi debug ederek cihazınıza gönderme işlemini başlatın.

react-native run-android

NodeJS, Metro Bundler’ı ilgili port üzerinden çalıştıracaktır. Bu pencereyi çalışmanız boyunca kapatmayınız. Kapanma durumunda 3. aşamayı tekrar edebilirsiniz.

4. Projeniz cihazınıza yüklendi
Peki her seferinde react-native run-android mi yapacağız? Hayır bu çok çabuk pes ettirir.

adb (Android Ayıklama Köprüsü) 2. aşamada bahsettiğimiz (kapatmayın dediğimiz) o pencere şimdi işimize yarayacak. cmd üzerinden aşağıdaki komutu çalıştırarak cihazımızda menüyü açalım.

adb shell input keyevent KEYCODE_MENU

Reload: Projenizi tekrar yükler.

Debug JS Remotely: Uzaktan hata ayıklama. Tarayıcı üzerinde açılan sayfada İncele (Geliştirici Araçları) -> Console üzerinden hata ve log takibi yapabilirsiniz.

JS uzaktan hata ayıklama

Küçük bir uygulama

temel anlamda içinde bir çok işlevi barındıran basit bir uygulama. resim olarak bilerek eklendi :) sizin için.

Girilen sayının kuvvetini alan uygulama.

Umarım işinize yarar ve bu can sıkıcı ayarlardan bezip’de “react-native iyisin hoşsun ama çok sorun çıkartıyorsun.” deyip bırakmazsınız.

Bu yazı, react-native projelerini android cihazlar üzerinde çalıştırmaktan bahsetmektedir.