小组件
Widget View Node
小组件视图节点数据结构。
Widget 渲染函数返回普通 JavaScript 对象，这类对象称为 Widget view node。
不支持的 view type 会显示本地化错误文本，而不是渲染为空白小组件。
Text
{
type: "text",
props: {
text: "Hello Widget",
padding: 12
}
}| Prop | Type | Description |
|---|---|---|
text | string | 文本内容。 |
padding | number 或边距对象 | 可选边距。 |
Image
{
type: "image",
props: {
image: "image-token",
resizable: true,
scaledToFit: true,
padding: {
top: 12,
left: 12,
bottom: 12,
right: 12
}
}
}| Prop | Type | Description |
|---|---|---|
image | string | 内部 image token。 |
resizable | boolean | 允许图片调整尺寸。 |
scaledToFit | boolean | 图片按比例适应边界。 |
scaledToFill | boolean | 图片按比例填充边界。 |
padding | number 或边距对象 | 可选边距。 |
Padding
Padding 可以是数字或边距对象。
12{
top: 12,
left: 12,
bottom: 12,
right: 12
}How is this guide?
最后更新于