Custom component, flatlist component ve scrollview yapısını pratik etmek için yapılmış bir projedir.
Yoğun bir şekilde veri kullanmak istediğimizde rahat bir kullanıcı deneyimi sunmamızı sağlayan kullanıcı ne kadarını görücekse o kadarını ekrana basan ve ihtiyacımız olmayan veriyi telefona yüklemeyen ve belleği yormayan, telefonu yukarı kaydırdığınızda veriyi bellekten kaldıran bir componenttir.Birçok prop'u bulunmakta fakat projede kullandığım proplar
- renderItem : Bir callback functiondır.Ekrana basılacak data’ları gönderir. Arrow function şeklinde yazılır. Her bir veri görüntüleneceği zaman tetiklenen bir fonksiyondur. Öncelikle parantez içinde neyi göstermesini istediğini tanımlarız item gibi ve item olarak koyduğumuz tüm veriyi teker teker geri döndürür. => ok işaretinden sonraki kısımda nasıl geri dönmesini istiyorsak onu ifade ederiz.
- data : Array’in gönderildiği parametredir.
- keyExtractor : Listemizde dönen her item’a id atar ve her şeyi bir id’de tutar, böylece kafa karışıklığını kaldırır. Öğelerin tamamına bir key verir. Bu key’leri kullanmayacağız ama arkaplanda görmediğimiz öğeleri kaldırırken FlatList component’i bu verilere key’lerle erişir ve onları kaldırır. Eğer key vermezsek bu kaldırma işlemini yapamaz ve belleğe çok yük biner.