Agrega parámetros

Los parámetros son los aspectos modificables de un paquete de IU. El flujo de trabajo de retransmisión admite dos tipos de parámetros: parámetros de contenido y controladores de interacción.

  • Los parámetros de contenido permiten que el código de Compose cambie dinámicamente los elementos de un paquete de IU, como el contenido y el estilo.
  • Los controladores de interacción permiten que el código de Compose responda a entradas del usuario, como cuando mantiene presionado o presiona dos veces.

Puedes agregar parámetros al paquete de IU o a sus elementos secundarios. Las vinculaciones de parámetros también se comparten entre las variantes de Figma si sus capas de destino tienen nombres idénticos. Cada parámetro se transforma en parámetros de funciones de componibilidad en el código generado.

Parámetros en Figma y el código generado

Propiedades del parámetro

El tipo de capa en Figma determina las propiedades de parámetros disponibles:

Todas las capas

tap-handler (especifica que una capa se puede presionar)

  • El parámetro () -> Unit se genera en el código.

doubletap-handler (especifica que una capa se puede presionar dos veces)

  • El parámetro () -> Unit se genera en el código.

longpress-handler (especifica que se puede mantener presionada una capa)

  • El parámetro () -> Unit se genera en el código.

Capa de marco o grupo

children (contenido de la capa)

background-color

  • El parámetro Color se genera en el código.

padding (relleno de diseño automático)

border-radius

  • El parámetro Double se genera en el código.

Capa de texto

text-content

color (color del texto)

  • El parámetro Color se genera en el código.

Capa de imagen

image-content

  • El parámetro Painter se genera en el código.

Cómo agregar parámetros

  1. Selecciona una capa de componentes.

  2. Haz clic en + y selecciona una propiedad de parámetro.

    Cómo agregar un parámetro

Cómo cambiar el nombre de los parámetros

  1. Selecciona un parámetro.
  2. Edita el campo Name.

Cómo quitar parámetros

  1. Selecciona un parámetro.
  2. Haz clic en el ícono de papelera.