React Native |ScrollView Özelliği Nasıl Yapılır?

React Native’de ve tüm uygulamalarda olmazsa olmaz özelliğimizi ScrollView özelliği nasıl kazandırıyoruz şimdi buna bakalım.

Önce standart bir örnek yapalım ekranımızda 11 adet text bileşenimiz olsun.Bakalım istediğim şekilde style verdiğimizde Scroll özelliği olmadan nasıl gözükücek.

Şimdilik Style kısmıda bu şekilde olsun:

Ekranda gördüğümüz gibi 7 adet text ekranda mevcut ama biz 11 adet tanımladık geri kalanı nerede ? Aslında ekrana göre hiç bir sorun yok bileşenler gözüküyor fakat aşağıda kaldığı için göremiyoruz .

İşte bunun için ScrollView özelliğinden faydalanalım:

Tek yapamız gerek şey hangi ScrollView taglarını eklemek hepsi bu.Bir de hangi konteynır için işlem yapacaksak oraya eklememiz lazım . Mesela ben burada view kompanentimin içine eklediğim için artık o view kompanentimin içinde bulunan elemanlarım Scroll özelliğinden faydalanabilir:

Yatay Scroll Özelliği

Günümüzde yeni trend yatay Scroll özelliği .Bu elimizde ki örnekle bunu nasıl yapabilirim şimdi ona bakalım:

Yapmamız gereken ten şey horizontal seçeneğini true yapmak.

Leave a Reply

*