Spacer

Spacer(스페이서) 위젯은 Row·Column 같은 flex 컨테이너 안에서 남는 공간을 채우는 빈 여백입니다.
위젯 사이의 간격을 자동으로 벌리거나 위젯을 한쪽으로 밀어낼 때 사용합니다.

정의 / 역할

Spacer 위젯은 flex 컨테이너(Row·Column 등) 안에서 남은 공간을 차지하는 눈에 보이지 않는 여백입니다. flex 값 비율에 따라, 같은 flex 컨테이너 안에서 flex를 가진 다른 형제(다른 Spacer나 Flexible을 적용한 위젯)와 남은 공간을 나눠 갖습니다. flex 컨테이너 밖에 놓이면 아무것도 그리지 않습니다.

• 카테고리: Dividers
• 기본 flex 값: 1

기능

기능	설명
남는 공간 채우기	flex 컨테이너 안에서 사용 가능한 남은 공간을 차지해 위젯 사이 간격을 벌립니다.
공간 비율 조절	flex 값으로 남은 공간에서 차지할 비율을 정합니다. 같은 컨테이너 안에서 flex를 가진 다른 형제(다른 Spacer나 Flexible을 적용한 위젯)와 flex 비율대로 나눠 갖습니다.
flex 컨테이너 전용	Row·Column 등 flex 컨테이너의 자식일 때만 동작하며, 그 밖에서는 아무것도 그리지 않습니다.

사용 방법

1. 왼쪽 위젯 팔레트에서 Dividers 카테고리를 엽니다.
2. Spacer 항목을 Row·Column 같은 flex 컨테이너 안으로 끌어다 놓습니다.
3. 오른쪽 속성 패널에서 flex 값을 조정해 차지할 공간 비율을 정합니다.

속성 (Property)

속성	설명	기본값	값 / 타입
flex	이 Spacer가 남은 공간에서 차지하는 flex 비율. 같은 컨테이너 안에서 flex를 가진 다른 형제(다른 Spacer·Flexible 위젯)와 비율대로 나눠 가지며, 값이 클수록 더 넓게 차지합니다.	1	정수

주의 / 팁

경고

Spacer는 Row·Column 같은 flex 컨테이너의 자식일 때만 공간을 차지합니다. flex 컨테이너 밖에 놓으면 화면에 아무것도 나타나지 않습니다.

팁

같은 flex 컨테이너 안에서 flex를 가진 형제끼리 flex 비율대로 남은 공간을 나눕니다. 다른 Spacer뿐 아니라 Flexible을 적용한 일반 위젯과도 똑같이 경쟁합니다. 예: Spacer flex 1과 Flexible을 적용한 텍스트 위젯 flex 2를 함께 두면 공간을 1:2로 나눕니다.

더 알아보기

팁

이 위젯을 스크립트로 제어하는 Widget Control(Property·Method·Event) 전체는 Spacer (스페이서) Widget Control 문서에서 확인하세요.