主要屬性flexDirection
牲芋、alignItems
和justifyContent
flexDirection:
在組件的style中指定flexDirection可以決定布局的主軸横缔。子元素是應該沿著水平軸(row)方向排列薯蝎,還是沿著豎直軸(column)方向排列呢推盛?默認值是豎直軸(column)方向。
alignItems:
在組件的style中指定alignItems可以決定其子元素沿著次軸(與主軸垂直的軸,比如若主軸方向為row,則次軸方向為column)的排列方式偷溺。子元素是應該靠近次軸的起始端還是末尾段分布呢?亦或應該均勻分布钱贯?對應的這些可選項有:flex-start挫掏、center、flex-end以及stretch秩命。
justifyContent:
在組件的style中指定justifyContent可以決定其子元素沿著主軸的排列方式尉共。子元素是應該靠近主軸的起始端還是末尾段分布呢?亦或應該均勻分布弃锐?對應的這些可選項有:flex-start袄友、center、flex-end拿愧、space-around以及space-between杠河。