UI视图
Symbol
显示 SF Symbol 或 Pika 图标。
Symbol 默认使用 SF Symbols:
import { Modifier, ShapeStyle, Symbol } from "onescript/views"
<Symbol
name="house.fill"
modifier={Modifier.foregroundStyle(ShapeStyle.primary)}
/>Pikaicons 名称使用 source="pika":
<Symbol
source="pika"
name="home.smile.fill"
/>你可以在 App 中前往「设置」→「Symbols」,进入「SF Symbols」或「Pikaicons」按分类浏览和搜索图标,也可以使用 Web Pikaicons 图标目录。在任一目录中点击图标即可复制完整名称,并将其用于 name 属性。
| Prop | Type | 说明 |
|---|---|---|
name | string | Symbol 名称。 |
source | "sf" | "pika" | Symbol 来源,默认为 "sf"。 |
resizable | boolean | 允许 Symbol 调整尺寸。 |
SF Symbol 名称会根据当前系统提供的符号进行校验。Pika 名称保留完整的点分格式,包括 .fill 或 .stroke 后缀,并根据内置 Pikaicons 目录进行校验。
How is this guide?
最后更新于