UI

概览

OneScript 提供的视图组件。

使用 onescript/views 提供的 TSX 组件创建视图。

组件	用途
`Text`	显示文本。
`DateText`	使用系统日期样式显示 JavaScript `Date`。
`CodeBlock`	显示带语法高亮的代码，仅在 App 中可用。
`Markdown`	渲染 Markdown 文本，仅在 App 中可用。
`Image`	使用 Data URL、URL 或 Request 显示图片。
`Symbol`	显示 SF Symbol 或 Pika 图标。
`Label`	将标题与图标组合在一起。
`ProgressView`	显示任务进度。
`Button`	执行 App 回调或 Widget 动作。
`Menu`	轻点后显示一组操作，仅在 App 中可用。
`TextField`	接收文本输入。
`SecureField`	输入密码等私密文本，仅在 App 中可用。
`TextEditor`	编辑较长的多行文本，仅在 App 中可用。
`Toggle`	打开或关闭一个布尔值。
`Picker`	从一组选项中选择一个值。
`Slider`	从连续范围中选择一个值。
`Stepper`	增加或减少一个数值。
`DatePicker`	选择日期、时间或两者，仅在 App 中可用。
`Link`	交给系统打开 URL，仅在 App 中可用。
`ShareLink`	通过分享面板分享文本或 URL，仅在 App 中可用。
`EditButton`	切换编辑模式，例如用于 List 多选。
`Spacer`	占用 Stack 中的可用空间。
`Divider`	绘制水平或垂直分隔线。

所有视图都支持修饰符。遇到不支持的视图类型时，会显示本地化错误文本。

How is this guide?

最后更新于

Form

在可滚动表单中分组展示设置与控件。

Text

显示带样式的文本。