OneScript

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 属性。

PropType说明
namestringSymbol 名称。
source"sf" | "pika"Symbol 来源,默认为 "sf"。
resizableboolean允许 Symbol 调整尺寸。

SF Symbol 名称会根据当前系统提供的符号进行校验。Pika 名称保留完整的点分格式,包括 .fill 或 .stroke 后缀,并根据内置 Pikaicons 目录进行校验。

How is this guide?

最后更新于