Adicionar parâmetros

Os parâmetros são os aspectos modificáveis de um pacote da IU. O fluxo de trabalho do Relay oferece suporte a dois tipos de parâmetros: parâmetros de conteúdo e gerenciadores de interação.

  • Os parâmetros de conteúdo permitem que o código do Compose mude dinamicamente os elementos de um pacote da IU, como conteúdo e estilo.
  • Os gerenciadores de interação permitem que o código do Compose responda à entrada do usuário, como tocar e manter pressionado ou tocar duas vezes.

É possível adicionar parâmetros ao pacote da IU ou aos filhos dele. As vinculações de parâmetros também vão ser compartilhadas entre variantes do Figma se as camadas de destino tiverem nomes idênticos. Cada parâmetro é transformado em parâmetros de função de composição no código gerado.

Parâmetros no Figma e o código gerado

Propriedades do parâmetro

O tipo de camada no Figma determina quais propriedades do parâmetro estão disponíveis:

Todas as camadas

tap-Handler: especifica que uma camada pode ser tocada.

  • O parâmetro () -> Unit é gerado no código.

Doubletap-Handler: especifica que uma camada pode ser tocada duas vezes.

  • O parâmetro () -> Unit é gerado no código.

longpress-Handler: especifica que uma camada pode ser pressionada por um longo período.

  • O parâmetro () -> Unit é gerado no código.

Camada de frame ou grupo

children: o conteúdo da camada.

background-color.

  • O parâmetro Color é gerado no código.

padding: o padding do layout automático.

border-radius.

  • O parâmetro Double é gerado no código.

Camada de texto

text-content.

color: cor do texto.

  • O parâmetro Color é gerado no código.

Camada de imagem

image-content.

  • O parâmetro Painter é gerado no código.

Como adicionar parâmetros

  1. Selecione uma camada do componente.
  2. Clique em + e selecione uma propriedade de parâmetro.

    Adicionando um parâmetro

Renomear parâmetros

  1. Selecione um parâmetro.
  2. Edite o campo Name.

Remover parâmetros

  1. Selecione um parâmetro.
  2. Clique no ícone Trash Can.