매개변수 추가

매개변수는 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. 휴지통 아이콘을 클릭합니다.

현재 추천 자료가 없습니다.

Google 계정에 해 보세요.