React Native通過一個(gè)基于FlexBox的布局引擎椿息,在所有移動(dòng)平臺(tái)上實(shí)現(xiàn)了一致的跨平臺(tái)樣式和布局方案典奉。
FlexBox布局目前支持的屬性有如下6個(gè):
(1)flex
(2)flexDirection
(3)alignSelf
(4)alignItems
(5)justifyContent
(6)flexWrap
(1)flex屬性
當(dāng)一個(gè)元素定義了flex屬性時(shí)莺治,表示該元素是可伸縮的(flex的屬性值大于0的時(shí)候才可伸縮)悯舟。
(2)flexDirection在React Native中只有兩個(gè)屬性值窖贤,row(橫向伸縮)和column(縱向伸縮)勺择。
(3)alignSelf
alignSelf的對(duì)齊方式主要有四種:flex-start潦嘶、flex-end涩嚣、center、auto掂僵、stretch航厚。
(4)alignItems
alignItems是alignSelf的變種,跟alignSelf的功能類似锰蓬,可用于水平居中幔睬。justifyContent用于垂直居中。