매개변수 추가

매개변수는 UI 패키지의 변경 가능한 측면입니다. Relay 워크플로는 콘텐츠 매개변수와 상호작용 핸들러라는 두 유형의 매개변수를 지원합니다.

  • 콘텐츠 매개변수를 사용하면 Compose 코드가 콘텐츠 및 스타일 지정 같은 UI 패키지의 요소를 동적으로 변경할 수 있습니다.
  • 상호작용 핸들러를 사용하면 Compose 코드가 길게 누르기나 두 번 탭하기 같은 사용자 입력에 응답할 수 있습니다.

UI 패키지 또는 그 하위 요소에 매개변수를 추가할 수 있습니다. 타겟 레이어의 이름이 동일한 경우 매개변수 바인딩이 Figma 변형 간에 공유됩니다. 각 매개변수는 생성된 코드에서 구성 가능한 함수 매개변수로 변환됩니다.

Figma의 매개변수 및 생성된 코드

매개변수 속성

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. +를 클릭하고 매개변수 속성을 선택합니다.

    매개변수 추가

매개변수 이름 바꾸기

  1. 매개변수를 선택합니다.
  2. Name(이름) 필드를 수정합니다.

매개변수 삭제

  1. 매개변수를 선택합니다.
  2. 휴지통 아이콘을 클릭합니다.