OneScript

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?

最后更新于