ReactNative目前主要支持flexbox的6个属性

ReactNative目前主要支持flexBox的6个属性

1.alignItems

用来定义伸缩项目在交叉轴上的对齐方式,语法为: alignItems:flex-start(认值) | flex-end |
center | stretch

2.alignSelf

用来设置单独的伸缩项目在交叉轴上的对齐方式,会覆盖认的对齐方式,其语法为:alignSelf:auto |
flex-start | flex-end | center | stretch(伸缩项目在交叉轴方向占满伸缩容器,如果交叉轴为垂直方向的
话,只有在不设置高度的情况下才能看到效果)

3.flex

是flex-grow flex-shrink flex-basis这三个属性的缩写,其语法为:flex:none | flex-grow flex-shrink flexbasis,
其中第二个和第三个参数为可选参数,认值为:0 1 auto

4.flexDirection

指定主轴的方向 flex-direction:row| row-reverse | column(认值) | column-reverse

5.flexWrap

伸缩容器在主轴线方向空间不足的情况下,是否换行以及该如何换行
flex-wrap:Nowrap(认值) | wrap | wrap-reverse

6.justifyContent

用来定义伸缩项目在主轴线的对齐方式,语法为: justify-content:flex-start(认值) | flex-end |
center | space-between | space-around

相关文章

显卡天梯图2024最新版,显卡是电脑进行图形处理的重要设备,...
初始化电脑时出现问题怎么办,可以使用win系统的安装介质,连...
todesk远程开机怎么设置,两台电脑要在同一局域网内,然后需...
油猴谷歌插件怎么安装,可以通过谷歌应用商店进行安装,需要...
虚拟内存这个名词想必很多人都听说过,我们在使用电脑的时候...