React Native Serüveni #51 | Flatlist Image Kullanımı | #reactnative #mobileapp #flatlist #image

Hepinize merhaba dostlarım :) Ben Muhammed Fatih

"React Native Serüveni" olarak çıktığımız bu yolda yine yeni bir güne daha yeni bir bilgiyle başlıyoruz dostlarım. Aynı zamanda #reactnative teknolojisinden bolca almanızı ve kış günlerinin vazgeçilmezi olan vitaminlerinizi de almayı unutmayın :).

Bu bölümde sizlerle beraber projemiz üzerinde listeleme işlemlerinde sıklıkla kullandığımız #flatlist yapımızın içerisinde #image verilerini kullanmayı gösteriyorum. Çok bir zorluğu yok diyebilirim. Tasarım işlemlerinde #view içerisinde resim kullanmakla eşdeğer bir tasarımı kullanıyoruz diyebilirim

Bu videodaki genel olarak anlatmak istediğim olay "FlatList" kullandığımızda projemizdeki performansı gözle görmenizdir dostlarım. Fark ettiyseniz ekranda görünen kadarını render edip diğerlerini göstermeme olayı ile bizim birden fazla verilerimizi ekranımıza çektiğimizde bunların cihazımızı kastırmadan profesyonel bir şekilde getirilmesini sağlamaktır :).

Aynı işlemi #scrollview ile yaptığımızda kaç adet veri geldiyse bunların hepsini render etmeye başlayacak ve haliyle hataların da cihazımızı çıkmaza sokması kaçınılmaz olacaktır :).

İşte bu ve bütün işlemleri nasıl bir şekilde yaptığımızı en ince ayrıntısına kadar video içerisinde anlatıyorum

Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- "Json Placeholder API" sitesinden image api verilerini çektirdik
-- Gelen resimleri ekrana bastırdık
-- "FlatList" aracının performansına değindik ve aynı işlemi "Scrollview" ile yaptığımızda ne tür sıkıntıların olacağına değindik

ş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.

React + Laravel Eğitimleri için:

React Native Eğitimi için:

- Sitelerim -

- Sosyal Medya Hesaplarım -

- React Native nasıl kullanılır
- FlatList bileşeni kullanımı
- Resim yükleme React Native
- React Native uygulama geliştirme
- FlatList ile performans optimizasyonu
- React Native ile mobil uygulama
- Image gallery with FlatList
- React Native app development guide
- FlatList examples and applications
- Dynamic content with FlatList
- React Native developer resources
- Managing data with FlatList
- Mobil uygulama için resimler
- React Native projeleri için ipuçları
- FlatList ile scroll özelliği
- React Native geliştirici rehberi
- FlatList ile dinamik içerik
- React Native geliştirme adımları
- FlatList binding data tutorial
- Enhancing speed with React Native
- FlatList user experience enhancement
- Building responsive layouts in React Native
- React Native best practices
- FlatList and performance analysis
- FlatList ve performans analizi
- React Native ile resim listesi
- FlatList bileşeni detayları
- React Native uygulama özellikleri
- FlatList ile kullanıcı deneyimi
- React Native projelerinde FlatList kullanımı

[mfsoftware]

Takıldığınız konuları çekinmeden yazabilirsiniz dostlarım :)