UI视图
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>| Prop | Type | 说明 |
|---|---|---|
children | string 或表达式 | 文本内容。 |
也支持修饰符,包括可继承的 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?
最后更新于