React Native Yeni Uygulama Oluşturma

React Native iOS Similatör

Arkadaşlar merhaba React Native ile yazılım derslerine başlıyoruz 🙂

Yeni bir uygulama oluşturarak başlayalım.Terminali açıp alttaki kodu yazdığımızda “denemeproje” isimli yeni React Native uygulamasını oluşturmuş oluyoruz.

React Native uygulamanızı çalıştırma

Arkadaşlar uygulamamızı iOS veya Android similatöründe çalıştırabiliriz.Ya da aynı anda ikisini de açıp çalıştırabiliriz.Birincil olarak iOS similatöründe uygulamamızı çalıştıracağız.

1.iOS Uygulamayı Çalıştırma

Oluşturduğumuz iOS uygulamayı çalıştırmanın iki çeşit yolu vardır.

1.a)React Native iOS Uygulama Terminalde Çalıştırma

İlk olarak oluşturmuş olduğumuz denemeproje klasörüne giriyoruz.iOS similatöründe açmak için veya Android similatöründe açmak için alttaki kodları giriyoruz.

1.b)React Native iOS Uygulamayı XCode Kullanarak Çalıştırma

İlk olarak XCode`u açıyoruz.Proje aç butonuna basıp alttaki resimde gördüğünüz “denemeproje.xcodeproj” u seçiyoruz.

ios uygulamayı xcode kullanarak çalıştırma
ios uygulamayı xcode kullanarak çalıştırma

Devamında XCode üzerinde projeyi build ediyoruz.Projeyi alttaki resimde gördüğünüz gibi çalıştırma “run” etme butonuna (play butonu) basarak çalıştırıyoruz

Projenin çalışması için node server`a bağlanmamız lazım ( node terminal )

XCode react native uygulamayı çalıştırma
XCode react native uygulamayı çalıştırma

Bir sonraki aşamada react native node server a otomatik olarak bağlanıp bir adet daha terminal açacaktır.Alttaki resimdeki terminal ekranı açıldıysa uygulamamız çalışıyor demektir.

Node server react native
Node server react native

ve sonuç iOS Similatörümüz açıldı ve uygulamamız canlı olarak önümüzde App.js de yapmış olduğumuz değişiklikleri Cmd+R tuşlarına basarak hemen görebiliriz.

React Native iOS Similatör
React Native iOS Similatör

2.Android Uygulamayı Çalıştırma

Yazmış olduğumuz uygulamayı Android similatöründe görüntülemek istersek aynı şekilde projemizin olduğu klasörü terminal yardımı ile açıyoruz.

Devamında terminal komut satırına kodu yazarak çalıştırıyoruz.

Buradaki en önemli konu bilgisayarınızda GenyMotion tarzında bir Android similatörünün yüklü olmasıdır.

İkinci bir seçenek ise Android işletim sistemi yüklü bir cihazı(Telefon,Tablet) macbook bilgisayarınıza bağlamanızdır.

Aksi halde projeniz çalışmaz.

Bunları da beğenebilirsin