样式

下面列举 Layout 支持的样式属性。

布局

支持的标签:viewscrollviewimagetextbitmaptextcanvas

属性名支持的值或类型默认值
widthnumber/string(百分比场景,如 100%)0
heightnumber/string(百分比场景,如 100%)0
positionrelative, absoluterelative
leftnumber0
topnumber0
rightnumber0
bottomnumber0
marginnumber0
marginLeftnumber0
marginRightnumber0
marginTopnumber0
marginBottomnumber0
paddingnumber0
paddingLeftnumber0
paddingRightnumber0
paddingTopnumber0
paddingBottomnumber0
borderWidthnumber0
borderRadiusnumber0
flexDirectioncolumn, rowrow
flexShrinknumber1
flexGrownumber
flexWrapwrap, nowrapnowrap
justifyContentflex-start, center, flex-end, space-between, space-aroundflex-start
alignItems, alignSelfflex-start, center, flex-end, stretchflex-start

文本

支持的标签:text

属性名支持的值或类型默认值
fontSizenumber14
fontFamilystring无默认值,规则对齐 CSS 的font-family,详情可见font-familyopen in new window,参考值如 'Georgia, serif'
lineHeightnumber / string'1.4em'
textAlignleft, center, rightleft
verticalAligntop, middle, bottomtop
colorstring#000000
backgroundColorstringtransparent
textOverflowellipsis, clip默认为空,出于性能考虑,只有显式指定textOverflow属性的时候才会对文字进行截断处理
letterSpacingnumber默认值为0,只对 bitmaptext 标签生效

容器

支持的标签:viewscrollviewimagetextbitmaptextcanvas

属性类型默认值说明
backgroundColorstring背景的颜色,支持 6 位 16 进制、8 位 16 进制、rgb、rgba 四种格式的颜色

边框

支持的标签:viewscrollviewimagetextbitmaptextcanvas

属性类型默认值说明
borderRadiusnumber边框圆角
borderColorstring边框颜色,支持 6 位 16 进制、8 位 16 进制、rgb、rgba 四种格式的颜色