Flutter dart 수평/수직 구분선 - Divider VerticalDivider

Divider 수평 구분선

color 선 색상

thickness 선 두께

indent 선 왼쪽 끝에서 시작하는 간격, 기본값 0.0

endIndent 선 오른쪽 끝에서 시작하는 간격, 기본값 0.0

height 선 높이, 기본값 16.0

Divider(
              color: Colors.blue, // 색상 변경
              thickness: 2.0, // 두께 변경
              indent: 20.0, // 왼쪽 여백
              endIndent: 20.0, // 오른쪽 여백
              height: 30.0, // 높이 설정
            ),

 

 

VerticalDivider 수직 구분선, Row와 같은 수평방향 위젯에서 열 사이에 구분선을 추가할 수 있다.

Row(
          children: <Widget>[
            Expanded(
              child: Container(
                color: Colors.red,
                height: 100,
                child: Center(child: Text('Left')),
              ),
            ),
            VerticalDivider(
              color: Colors.black,
              thickness: 2.0,
              width: 20.0,
            ),
            Expanded(
              child: Container(
                color: Colors.green,
                height: 100,
                child: Center(child: Text('Right')),
              ),
            ),
          ],
        ),