OneScript

padding

在视图内容周围添加内边距。

padding() 使用 SwiftUI 的系统默认间距。padding(value) 接受有限数字或边距对象,数值单位为 pt,也可以为负数。

type Padding = number | {
  readonly top?: number
  readonly leading?: number
  readonly bottom?: number
  readonly trailing?: number
  readonly horizontal?: number
  readonly vertical?: number
}

数字会为所有边应用相同的内边距。

<Text modifier={Modifier.padding()}>系统间距</Text>
<Text modifier={Modifier.padding(12)}>Hello</Text>
<Text modifier={Modifier.padding(-4)}>负间距</Text>

边距对象中,horizontal 为 leading 和 trailing 提供默认值,vertical 为 top 和 bottom 提供默认值。具体边会覆盖对应的轴向值。

<Text
  modifier={Modifier.padding({
    horizontal: 12,
    vertical: 8,
    leading: 16,
    bottom: 10
  })}
>
  Hello
</Text>

这个示例最终得到 top: 8、leading: 16、bottom: 10 和 trailing: 12。不支持的键和非有限数值会抛出异常。

How is this guide?

最后更新于