最近剛接觸react-native肃续,之前我從事iOS方面,接觸到之后發(fā)現(xiàn)這兩種語言編程方面還是有區(qū)別的,開始很不適應割去,而且國內目前關于react-native的詳細介紹都很少,即使是官網也是泛泛而談昼丑,還得自己不斷摸索呻逆,通過翻墻的話,資源會豐富些菩帝。開始對于react-native的布局方式一直都很不理解咖城,每個屬性代表的含義是什么茬腿,都有區(qū)別,導致組件在布局上遇到阻礙宜雀,后來就好些了切平。好了,不扯淡了辐董。至于marginTop,marginBottom等就不說了揭绑,談談幾個常用重要屬性的含義:
flex: 表示是否可以伸縮
flexDirection: 指定了主軸伸縮的方法 row 為水平column 為垂直
justifyContent: 定義伸縮組件沿主軸線的對齊方式flex-start、flex-end郎哭、center他匪、space-between、space-around
alignItems: 該屬性定義了伸縮項目在伸縮容器的交叉軸上的對齊方式flex-start夸研、flex-end邦蜜、center、baseline亥至、stretch
alignContent:這個屬性主要用來調整伸縮項目出現(xiàn)換行后在交叉軸上的對齊方式悼沈,類似伸縮項目在主軸上使用justifyContent
order:這個屬性用于定義項目的排列順序,數(shù)值越小姐扮,排列越靠前絮供,默認值為0
alignSelf: 設置單獨的伸縮項目在交叉上的對齊方式
padding: 距離邊距的距離
PS:只要將這些重要的屬性掌握了,react-native 布局這塊你就掌握了茶敏。