React Native 之flex布局

react native 的flex布局,是web的阉割版本,目前还不支持 flex-shrink 、 flex-basis 、 order 几种flex属性,同时现有支持的flex属性值也不全。

alignItems

调整伸缩项目在侧轴上的定位方式

可选值: flex-start flex-end center stretch

alignSelf

alignSelf 属性会覆盖容器的 alignItems 属性,取值和用法 alignItems 一样。

可选值: auto flex-start flex-end center stretch

justifyContent

与 alignItems 相呼应,表示元素在主轴(横轴)方向上的对齐方式

可选值: flex-start flex-end center space-between space-around

flexDirection

子元素在父容器中的排列位置,相比于web,少了 row-reverse 和 column-reverse 两个值

可选值: row column

flexWrap

子元素超出父容器时是否换行

可选值: wrap nowrap

本文参考至:

发表评论

电子邮件地址不会被公开。 必填项已用*标注