VerticalDivider

VerticalDivider는 UI 디자인에서 종종 사용되는 수직 분리선으로, 주로 UI 요소들을 시각적으로 분리하기 위해 사용됩니다. VerticalDivider는 레이아웃을 좀 더 명확하게 구분하고 특정 요소들 사이에 공간 또는 경계를 제공하는 데 유용합니다.

VerticalDivider(
  width: Sizes.size32,
  thickness: Sizes.size1,
  color: Colors.grey.shade400,
  indent: Sizes.size14,
  endIndent: Sizes.size14,
)

각 속성에 대한 설명은 다음과 같습니다:

1. width: 분리선의 전체 너비를 정의합니다. 여기서는 Sizes.size32로 설정되었으므로 분리선의 너비가 32.0 픽셀이 됩니다.

2. thickness: 분리선의 두께를 정의합니다. 이 예제에서는 Sizes.size1로 설정되었기 때문에 분리선의 두께는 1.0 픽셀이 됩니다.

3. color: 분리선의 색상을 지정합니다. 이 코드에서는 Colors.grey.shade400를 사용하여 회색 색조의 분리선을 생성합니다.

4. indent 및 endIndent: 이 두 속성은 분리선의 시작 부분과 끝 부분에 여백을 추가합니다. indent는 분리선 상단의 여백을, endIndent는 분리선 하단의 여백을 조절합니다. 이 예제에서는 각각 Sizes.size14로 설정되었습니다. 따라서 분리선의 상단과 하단에 각각 14.0 픽셀의 여백이 추가됩니다.

VerticalDivider는 이와 같이 다양한 스타일 옵션을 통해 사용자의 요구에 맞게 수직 분리선을 맞춤 설정할 수 있습니다.