구분선
포스트
취소

구분선

Divider

  • 수평 공간을 구분하는 구분선
  • 주로 사용하는 속성
    • double? height
      • Divider가 가지는 영역의 높이
    • double? thickness
      • 구분선 내에 그려지는 선의 두께
    • double? indent
      • 구분선의 앞쪽 가장자리까지의 빈 공간의 크기
    • double? endIndent
      • 구분선의 뒤쪽 가장자리까지의 빈 공간의 크기
    • Color? color
      • 구분선의 색상
  • 참고
Center(
    child: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
            children: <Widget>[
                Expanded(
                    child: Card(
                    child: SizedBox.expand(),
                    ),
                ),
                Divider(),
                Expanded(
                    child: Card(
                    child: SizedBox.expand(),
                    ),
                ),
            ],
        ),
    ),
)

VerticalDivider

  • 수직 공간을 구분하는 구분선
  • 주로 사용하는 속성
    • double? width
      • VerticalDivider가 가지는 영역의 너비
    • double? thickness
      • 구분선 내에 그려지는 선의 두께
    • double? indent
      • 구분선의 위쪽 가장자리까지의 빈 공간의 크기
    • double? endIndent
      • 구분선의 아래쪽 가장자리까지의 빈 공간의 크기
    • Color? color
      • 구분선의 색상
  • 참고
Center(
    child: Padding(
    padding: EdgeInsets.all(16.0),
        child: Row(
            children: <Widget>[
                Expanded(
                    child: Card(
                        child: SizedBox.expand(),
                    ),
                ),
                VerticalDivider(),
                Expanded(
                    child: Card(
                        child: SizedBox.expand(),
                    ),
                ),
            ],
        ),
    ),
)
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.