React Native – width, height, flex özelliklerini kavramak

React Native’de sabit bir büyüklükte görünmesini istediğimiz nesnelerimize en ve boy vermek için width ve height kullanabiliriz.

Değişen ekran tasarımlarına ayak uydurmak için flex ile tasarım yapmak daha cazip duruyor.

flex:1, dersek ekranda bir tane bileşen olur ve ekranı tamamen kaplar.

Aşağıdaki gibi bir kod kullanırsak:

Görüntü:

şeklinde olacaktır.

Yani burada ana view tüm ekranı kaplarken, alttaki view’lar 3 eşit parçada ekranı bölüşmektedirler.

Etiketler: , , ,

Yorum Yapın