매개변수 추가

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

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

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

매개변수 속성

Figma의 레이어 유형은 사용 가능한 매개변수 속성을 결정합니다.

모든 레이어

tap-handler(레이어를 탭할 수 있음을 지정)

• 코드에 () -> Unit 매개변수가 생성됩니다.

doubletap-handler(레이어를 두 번 탭할 수 있음을 지정)

• 코드에 () -> Unit 매개변수가 생성됩니다.

longpress-handler(레이어를 길게 누를 수 있음을 지정함)

• 코드에 () -> Unit 매개변수가 생성됩니다.

프레임 또는 그룹 레이어

children(레이어 콘텐츠)

• 코드에 Composable 매개변수가 생성됩니다.
• 자세한 내용은 하위 매개변수를 참고하세요.

background-color

• 코드에 Color 매개변수가 생성됩니다.

padding(자동 레이아웃 패딩)

• 코드에 PaddingValues 매개변수가 생성됩니다.

border-radius

• 코드에 Double 매개변수가 생성됩니다.

텍스트 레이어

text-content

• 텍스트에 스타일이 하나만 있으면 코드에 String 매개변수가 생성됩니다.
• 텍스트에 여러 스타일이 있다면 코드에 AnnotatedString 매개변수가 생성됩니다.

color(텍스트 색상)

• 코드에 Color 매개변수가 생성됩니다.

이미지 레이어

image-content

• 코드에 Painter 매개변수가 생성됩니다.

매개변수 추가

1. 구성요소 레이어를 선택합니다.

2. +를 클릭하고 매개변수 속성을 선택합니다.

   

매개변수 이름 바꾸기

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

매개변수 삭제

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