UIViews
Text
Display styled 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 | Description |
|---|---|---|
children | string or expression | Text content. |
Also accepts Modifiers, including inheritable font, fontWeight, and foregroundStyle. Text without a font modifier inherits the surrounding SwiftUI font. |
Semantic font
Prefer semantic fonts so text follows Dynamic Type:
import { Font, Modifier, Text } from "onescript/views"
<Text
modifier={Modifier.font(Font.body)}
>
Body
</Text>
<Text
modifier={Modifier.font(Font.caption)}
>
Caption
</Text>
<Text
modifier={Modifier.font(Font.system({ size: 16 }))}
>
Fixed 16 pt text
</Text>How is this guide?
Last updated on