React Native Serüveni #18 | Image Bileşeni |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Hiçbir şekilde hız kesmeden "React Native Serüveni" yolculuğumuza hız kesmeden tam gaz devam ediyoruz. Özellikle 3 video için aldığımız #reactnative dozundan biraz daha fazla almanızı tavsiye ediyorum. Bu sefer projelerimizde sıklıkla kullanılan bir bileşene değineceğiz :)
Bu bölümde sizlerle beraber mobil uygulama geliştirme işleminde sıklıkla kullanılan #image bileşenini inceliyoruz. Özellikle bir #view bileşenine benzeyen bu bileşen bizim projelerimizde görsel verilerimizin kullanıcıya gösterilmesinde son derece büyük rol oynuyor diyebilirim. Kısa bir özet geçecek olursak #web projelerindeki "img" etiketinin mobil geliştirme dünyasındaki karşılığı diyorum ve bu bileşenin kullanımını sizlerle beraber video içerisinde ayrıntılı bir şekilde anlatıyorum :).
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- App.js dosyasının içerisini temizledik
-- Image bileşenini oluşturduk ve proje dizinindeki bir resmi gösterdik
-- Uzak sunucudan bir resmin nasıl bir şekilde çağrılacağına değindik
-- Stillendirme olayları ile resmin görüntülenme durumundan bahsettik
-- onLoadStart ve onLoadEnd fonksiyonları ile yüklenme başlangıcı ve bitimi ile ilgili uyarılar gösterdik
şeklinde özetleyebiliriz.
İlk başlarda karmaşık veya zor gelebilir dostlarım anlıyorum. Öğrenme süreci içerisinde bu durumlar son derece doğaldır diyebilirim.
İşte bu aşamada sizlerden istediğim tek şey her videomun sonunda dediğim gibi "İstikrarlı ve azimli olmalısınız, bolca pratik yapmalısınız" şeklinde olacaktır. Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır :)
Şimdiden hepinize iyi çalışmalar iyi seyirler dilerim dostlarım :). Videoyu beğenmeyi, kanalıma abone olmayı ve bildirimleri açmayı, takıldığınız yerlerde yorum yapmayı unutmayın.
Image Bileşeni Dökümanı: https://tls.tc/1o2d3
Projemizin Kodları: https://github.com/turan1302/react-na...
React + Laravel Eğitimleri için:
WebRTC Projesi: https://tls.tc/04JnR
Alışveriş Sepeti Projesi: https://tls.tc/rzCkV
Chat Sistemi Projesi: https://tls.tc/7ePsd
Radyo Çalar Projesi: https://tls.tc/5HITg
Fast Typing Projesi: https://tls.tc/ZJkfy
Barkod Okuyucu Projesi: https://tls.tc/z07Ap
React Native Eğitimi için:
https://tls.tc/e5mIM
Sitelerim -
MFSoftware Blog: https://mfsoftware.net/
Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): https://seyyaryazilimci.com/
Sosyal Medya Hesaplarım -
Linkedin: / mfsoftware
Instagram: / mfsoftware.net.tr
React Native image bileşeni
Mobil uygulamada görsel kullanımı
React Native resim ekleme
React Native image component
Görsel bileşeni React Native
Mobil geliştirme React Native
React Native visual elements
Adding images in React Native
React Native image styling
Mobile app image optimization
React Native image scaling
Image component tutorial
React Native ile görsel yükleme
Görsel bileşeni kullanımı
React Native resim özellikleri
React Native ve görseller
React Native medya bileşenleri
Görsel ekleme React Native
Mobile development with images
React Native media integration
Image optimization React Native
Working with images React Native
React Native media management
Mobile image component React Native
React Native resim optimizasyonu
React Native ile görsel oluşturma
Görsel bileşenleri eğitimi
React Native medya bileşeni
React Native mobil resim düzenleme
Görsel entegrasyonu React Native