添加参数

参数是 UI 包的可更改方面。Relay 工作流支持两种类型的参数:内容参数和交互处理程序。

  • 内容参数 允许 Compose 代码动态更改 UI 包的元素,例如内容和样式。
  • 交互处理程序 允许 Compose 代码响应用户输入,例如长按或双击。

您可以将参数添加到 UI 包或其子元素中。如果目标图层名称相同,则参数绑定也会在 Figma 变体之间共享。每个参数在生成的代码中都转换为可组合函数参数。

Parameters in Figma and the generated code

参数属性

Figma 中的图层类型决定了哪些参数属性可用

所有图层

tap-handler(指定图层可以被点击)

  • () -> Unit 参数在代码中生成。

doubletap-handler(指定图层可以被双击)

  • () -> Unit 参数在代码中生成。

longpress-handler(指定图层可以被长按)

  • () -> Unit 参数在代码中生成。

框架或组图层

children(图层内容)

background-color

  • Color 参数在代码中生成。

padding(自动布局填充)

border-radius

  • Double 参数在代码中生成。

文本图层

text-content

color(文本颜色)

  • Color 参数在代码中生成。

图像图层

image-content

  • Painter 参数在代码中生成。

添加参数

  1. 选择一个组件图层。
  2. 点击+ 并选择一个参数属性。

    Adding a Parameter

重命名参数

  1. 选择一个参数。
  2. 编辑名称字段。

删除参数

  1. 选择一个参数。
  2. 点击垃圾桶图标。