React Native ile Instagram klonu yapma

React Native

React Native ile Instagram klonu yapma https://youtu.be/o7eB8wG20iw adresindeki videoyu izlerken aldığım notlardır:

React Native tek kod ile hem Android, hem iOS hem de web için uygulama hazırlama iddiası yüzünden cezbetti beni 🙂

Javascript ile HTML ve CSS benzeri bir yaklaşımla tasarım ve programlama imkanı sunuyormuş.

İnceleyip, göreceğiz bakalım.

React Native kurulumu tamamlandıktan sonra,

komutunu komut satırından çalıştırarak projenin oluşmasını sağlayabilirsiniz.

Android Studio ile birlikte gelen emülatörü çalıştırıp, terminalden,

komutu ile projeyi derleyebiliyoruz.

Bu süreçte epey hatalar aldım, siz de alabilirsiniz. Hata mesajlarını takip ederek çözüm üretmek gereklidir.

Platform’a göre mesaj çıkarmak için:

Temel App.js dosyasının içeriği:

Aktif ekranın genişliğini nasıl alırız?

İlgili sınıf kodunun hemen altına:

Kullanmak istediğimiz yerde de aşağıdaki şekilde kullanırız.

Etiketler: , ,

Yorum Yapın