React Native - Expo Nasıl Kurabilirim?

Ayberk Cakar
3 min readApr 12, 2022

--

Herkese Selamlar 👨‍💻

Bu yazımda, React Native- Expo Neden Kullanmalıyım? yazımın devamı niteliğinde; Expo’yu nasıl kurabiliriz, expo ile nasıl uygulama oluşturabiliriz, kurulumda seçebileceğimiz template’ler neler gibi konuları inceleyeceğiz.

Expo’yu Kullanabilmek İçin;

Expo CLI kurulumu;

npm install -g expo-cli yada yarn global add expo-cli

Uygulama Oluşturma;

expo init klasor_adı yada uygulamayı yüklemek istediğimiz klasor içindeysek expo init . şeklinde kurulumuzu yapabiliriz.

Uygulama Kurulumu İçin Template Seçimi;

Expo CLI, React Native uygulaması oluşturmak için bizlere destek oluyor, uygulaması oluşturma aşamasında bizlere uygulamamızı hangi template ile oluşturmak istediğimizi soruyor, bizim için uygun olan template’i seçip, uygulamamıza başlamamızı sağlıyor. Böylece uygulamamızı geliştirmeye hızlıca başlayabiliyoruz.

Aşağıda her template seçeneği için oluşturulan uygulamaların klasör yapısı, package.json dosyası ve uygulamanın başlangıç screenshot’ları bulunuyor.

Blank Template İçin, Klasör Yapısı, package.json ve Uygulama ScreenShot’ı
Blank (TypeScript) Template İçin, Klasör Yapısı, package.json ve Uygulama ScreenShot’ı
Tabs (TypeScript) Template İçin, Klasör Yapısı, package.json ve Uygulama ScreenShot’ı
Minimal Template İçin, Klasör Yapısı, package.json ve Uygulama ScreenShot’ı

Uygulamayı Çalıştırma;

expo start komutu ile uygulamamızı çalıştırabiliyoruz.

expo start komutunu yazdıktan sonra,expo bizim uygulamamızı yönetebileceğimiz bir arayüz oluşturuyor. Bu arayüze, eklediğim ScreenShot’ta görünen QR kod veya http://localhost:19002 url’ine giderek ulaşabiliyoruz. Console’da göründüğü gibi bizlere hangi seçenek ile devam etmek istediğimizi soruyor, yaptığımız seçimlere göre Android, Ios ve Web uygulamalarını başlatabiliyoruz. Aynı seçenekleri expo’nun bize sağladığı arayüz üzerinde de seçebiliyoruz.

Uygulamamızı Kendi veya Başka Birinin Telefonunda Çalıştırma;

Google Play Store veya App Store kullanarak Expo Go uygulamasını telefonumuza indiriyoruz. Oluşturmuş olduğumuz Expo hesabına mobil uygulamızdan giriş yapıyoruz.

Aynı ağ üzerinde bulunuyorsak expo bize çalıştırılan uygulamayı ‘Recently in Development’ alanı altında gösteriyor. ‘Recently Opened’ altında ise daha önce çalıştırmış olduğumuz uygulamalar görünüyor. Aynı zamanda telefonumuz ile console ekranında bulunan QR kodu taratarakta uygulamayı telefonumuzda açabiliyoruz.

Uygulamanızı expo üzerinde paylaşmak isterseniz eklemiş olduğum ScreenShot’ta sol alt tarafta bulunan menü’de “Publish or republish project” seçeneği ile projenizi expo üzerine yükleyebilirsiniz. Gerekli alanları kendinize göre doldurduktan sonra “Publish Project” butonuna basın, bilgisyarınızda expo’ya daha önce giriş yapmadıysak uygulamanızı çalıştırdığımız terminal üzerinde bizlere expo hesabımıza giriş bilgilerimizi soruyor (İlk sefer için). Bilgilerimiz ile terminal üzerinden giriş yaptığımızda uygulamamızı build alıyor ve expo üzerine yüklüyor. Yüklemiş olduğumuz projelerimizi mobil uygulamada profile tab’ını seçtiğimizde ‘Recent Project’ altında görebiliriz.

Uygulamamızın Android ve Ios Dosyalarını Oluşturmak;

expo eject komutu ile uyguamızın için Android ve Ios dosyalarını oluşturabiliriz ve oluşturduğumuz Android ve Ios dosyları ile yerel uygulama üzerinden çalışabiliriz.

Yazımı okuduğunuz için teşekkür ederim, umarım sizin için yararlı olmuştur :)

İyi günler , İyi çalışmalar 😊

--

--