React Native – flexDirection, alignItems, justifyContent özelliklerini kavramak

flexDirection: row özelliğini aldığı zaman yan yana, column özelliğini aldığı zaman alt alta sıralama yapar.

justifyContent
flex-start: alanın başlangıcından itibaren yerleştirir
flex-end: alanın sonundan itibaren yerleştirir
center: ortalar
space-around: etrafında boşluk bırakarak yerleştirir
space-between: baştan ve sondan boşluk bırakmadan yayarak yerleştirir
space-evenly: eşit mesafede boşluk bırakarak yerleştirir

alignItems özelliği flexDirection’a bağlı olarak justifyContent ile rolleri değişir.

flex-start
center
flex-end
stretch: tüm alana yayar, width özelliği varsa bu işlev çalışmaz.

Tüm yerleşim özellikleri için: http://facebook.github.io/react-native/docs/layout-props

Etiketler: , , ,

Yorum Yapın