본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터 - 수직 분할자 및 수평 분할자, Flutter - Vertical Divider and Horizontal Divider

by 베타코드 2023. 6. 18.
반응형

질문


In Flutter, is there an option to draw a vertical lines between components as in the image.

enter image description here

Flutter에서 이미지와 같이 구성 요소 사이에 수직 선을 그릴 수 있는 옵션이 있나요?

enter image description here


답변


내가 아는 한 그렇지 않다. 그러나, 만약 Flutter의 Divider 소스를 보면, 단순히 하나의 (하단) 테두리가 있는 SizedBox일 뿐이므로 쉽게 만들 수 있습니다. 당신은 같은 방식으로 크기를 바꿀 수 있습니다.


업데이트 (2018년 10월 4일): VerticalDivider 구현이 Flutter 팀에 의해 병합되었습니다. 문서를 확인해보세요. 그러나 사용하기 매우 간단합니다. 단순히 한 행의 두 항목 사이에 놓기만 하면 됩니다.

참고: 만약 Row 위젯에서 구분자로 VerticalDivider를 사용한다면, IntrinsicHeight, Container 또는 SizedBoxRow를 둘러싸야합니다. 그렇지 않으면 VerticalDivider가 나타나지 않습니다. ContainerSizedBox 위젯에서는 height를 정의해야합니다.

반응형

댓글