OneScript

Text

显示带样式的文本。

import { Color, Font, FontWeight, Modifier, Text } from "onescript/views"

<Text
  modifier={Modifier
    .font(Font.headline)
    .fontWeight(FontWeight.bold)
    .italic()
    .foregroundStyle(Color.blue)}
>
  Hello Widget
</Text>
PropType说明
childrenstring 或表达式文本内容。
也支持修饰符,包括可继承的 font、fontWeight 和 foregroundStyle。没有 font modifier 时,Text 会继承外层 SwiftUI 字体。

语义字体

优先使用语义字体,让文本自动响应 Dynamic Type:

import { Font, Modifier, Text } from "onescript/views"

<Text
  modifier={Modifier.font(Font.body)}
>
  正文
</Text>

<Text
  modifier={Modifier.font(Font.caption)}
>
  说明文字
</Text>

<Text
  modifier={Modifier.font(Font.system({ size: 16 }))}
>
  固定 16 pt 文本
</Text>

How is this guide?

最后更新于

本页目录