React-Native, bir mobil uygulama geliştirme sürecinde çok büyük kolaylıklar sağlamaktadır. Öncelikli amacı mobil uygulama geliştirmek olan React-native ile uygulamalarımızı test etmek amacıyla çoğu zaman bir web tarayıcısı da kullanılabilmektedir. Ancak bazı eklenti ve paketler vardır ki, öncelikli amacı mobil uygulama geliştirmek olan React-native projelerinin bazen bir web tarayıcısında çalışmadığı, bazen de sadece Android ya da sadece IOS üzerinde çalışabileceği, paket kullanım bilgilerinin bulunduğu referans kaynak açıklamalarında belirtilmektedir. 

Veritabanı uygulamaları için kullanılan expo-sqlite paketi de Web/Android/IOS üzerinde çalışabilir olarak gösterilmekte ancak web tarayıcıda görüntülemek için ek ayarlar gerektirmektedir. Bu ayarlamaları yapmadığınızda, projeniz beyaz boş bir sayfa olarak web tarayıcıda görüntülenmektedir. Yapılacak ek ayarlara ihtiyaç duymadan hızlıca çözüm geliştirmek mümkün olduğundan, web tarayıcı ile test etmek için gerekli olan işlemlerin yerine sadece diğer seçenekler aşağıda açıklanmıştır.

1. Fiziksel cihaz kullanmadan Android emülatör veya IOS simülatör kullanımı
   • Windows kullananlar için Android Studio ile emülatör kullanarak test etme işlemleri
   • MacOS kullananlar için IOS simülatör kullanarak test etme işlemleri
2. Tüm işletim sistemi türleri için kendi fiziksel cihazını kullanarak test etme işlemleri

Mevcut şartlarınıza uygun olacak şekilde, çözüm önerileri iki ana başlık altında incelenmiştir. Fiziksel cihaz kullanmadan, kullandığınız işletim sistemine göre tercih edeceğiniz bir seçenek te detaylandırılmıştır. Uygun olan maddeye ait işlemler uygulanarak projenizin test işlemlerini gerçekleştirebilirsiniz.

1. Fiziksel Bir Cihaz Kullanmadan

Eğer mevcut bir fiziksel cihazı kullanmayı tercih etmiyor, ya da kullandığınız mevcut cihaz Expo Go uygulamasını desteklemiyor ise, kullandığınız işletim sistemine bağlı olarak bir Android Emülatör ya da IOS Simülatör kullanmayı tercih edebilirsiniz. Windows ve Linux işletim sistemi kullanan kişiler daha çok Android Studio, MacOS kullananlar ise IOS Simülatör kullanarak pratik bir şekilde test işlemlerini gerçekleştirebilir. Size uygun seçenek işlemlerine ait açıklamalar aşağıda yer almaktadır.

* Windows/Linux İşletim Sistemi Kullanıyorsanız…

Android Studio kullanarak uygulamanızı test edebilmek için öncelikle Android Studio uygulamasını bilgisayarınıza kurmanız gerekmektedir. Bunun için resmi kurulum sayfasına giderek kurulum dosyasını indirmeniz gerekiyor. Ulaşmak için TIKLAYIN.

Kurulum işlemini son aşamasına kadar tamamlayıp kurulumu bitirdiğinizde, bir sanal cihaz oluşturmuş olacaksınız. Ancak emin değilseniz YouTube üzerinden Android Virtual Device (AVD) şeklinde arama yaparak konu hakkında detaylı pek çok video içeriğine ulaşabilirsiniz.

Bir Sanal Cihaz’ın doğru şekilde oluşturulduğunu kabul etsek te, hala VsCode ile uygulamanızı test etmekte sorunlar yaşayabilirsiniz. Bu konuda detaylı açıklamaların yer aldığı sayfaya ulaşmak için TIKLAYIN.

Açılan sayfanın aşağısına doğru indiğinizde, Where would you like to develop? soru başlığında bulunan Android Emulator seçtikten sonra, hemen altında yer alan How would you like to develop? soru başlığından Expo Go (Altında da Windows seçmeyi unutmayın) seçerek ekranın altında çıkan açıklamaları takip ederek çözüm geliştirebilirsiniz.

* MacOS İşletim Sistemi Kullanıyorsanız…

MacOS kullanan kişiler için, öncelikle birincil MacOS uygulama geliştirme ortamı olan Xcode kurulumunun yapılması gerekmektedir. AppStore üzerinden Xcode araması yapılarak kurulacak seçenek kolaylıkla bulunabilir. Ulaşmak için TIKLAYIN.

Kurulum işlemlerinin ardından ek olarak, yine Xcode için gerekli olan Xcode Command Line Tools uygulamasının kurulması gerekiyor. Tüm bu kurulum işlemleri Expo.dev sayfasında açıklanmaktadır. İlgili sayfaya ulaşmak için TIKLAYIN.

Açılan sayfanın aşağısına doğru indiğinizde, Where would you like to develop? soru başlığında bulunan IOS Simulator seçtikten sonra, hemen altında yer alan How would you like to develop? soru başlığından Expo Go seçerek ekranın altında çıkan açıklamaları takip ederek çözüm geliştirebilirsiniz.

2. Fiziksel Bir Cihaz Kullanarak

Expo Go uygulamasını mobil cihazınıza kurun. Aşağıda kullandığınız cihaza uygun indirme bağlantılarını bulabilirsiniz:

• Android mobil cihaz kullananlar (Android 7.0 ve üzeri) indirmek için TIKLAYIN.
• Apple mobil cihaz kullananlar (IOS 15.1 ve üzeri) indirmek için TIKLAYIN.

Android ve IOS cihaz kullananlar için, npx expo start komutu ile başlattığınız projeyi mobil cihazınızda test edebilmek için aynı ağ üzerinde, aynı ağa bağlı olması şartı bulunmaktadır. Ancak mobil cihazınızda uygulamayı görüntüleyebilmek için her iki cihazın da barkodu okutma şekli farklıdır.

Android cihaz kullananlar, doğrudan Expo Go uygulamasını açarak, uygulama içerisindeki barkod okuyucuyu kullanıp, VsCode terminal ekranında çıkan barkodu doğrudan okutarak çalıştırabilir.

IOS kullananlar, Expo Go içerisinde bir barkod okuyucu göremeyecektir. Mobil Cihazınızın denetim ekranında bulunan kendi barkod okuyucusuyla VsCode terminalindeki barkodu okuttuğunuzda, Expo Go uygulamasını doğrudan kendisi açarak test işlemlerine başlayabilirsiniz.

Diğer Açıklamalar

Çoğu zaman ek paketler kurmaya çalıştığımızda kurulumun tamamlanamadığı, hata ile karşılaştığına dair uyarılar alabiliriz. Bunun sebebi, React-Native ve ek paketlerin eş zamanlı sürüm güncelleyememesi ve/veya paketler arası sürüm uyuşmazlığı gibi durumlardır.

Böyle bir durumla karşılaştığımızda yapılabilecek en pratik çözüm sağlayacak işlem, komut satırından aşağıdaki komutu çalıştırıp, ardından paket kurulum komutunu tekrar çalıştırmayı denemektir.

npm install --legacy-peer-deps

Bu komut; uyumsuz, eski sürüm kalmış paketlerin kaldırılmasını sağlamaktadır. Bu komutun ardından kurulum işlemlerinizin hatasız olarak gerçekleştirildiğini göreceksiniz.