UI通用修饰符
background
在视图后方绘制形状样式。
background(style) 会在前序 Modifier 产生的结果后方绘制 ShapeStyle,支持颜色、渐变和材质。
import { Color, Modifier, Text } from "onescript/views"
<Text modifier={Modifier
.padding(12)
.background(Color.systemGray6)}>
Hello
</Text>顺序决定背景覆盖范围:
// 背景包含 padding 区域。
<Text modifier={Modifier
.padding(12)
.background("#F2F2F7")}>Hello</Text>
// padding 位于背景外侧。
<Text modifier={Modifier
.background("#F2F2F7")
.padding(12)}>Hello</Text>全部样式详见 ShapeStyle,颜色值详见 Color。
How is this guide?
最后更新于