react native 的flex布局,是web的阉割版本,目前还不支持flex-shrinkflex-basisorder几种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-reversecolumn-reverse两个值

可选值:row, column

flexWrap

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

可选值:wrap,nowrap

本文参考至:

Leave a reply

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

required