본문 바로가기
Flutter/Flutter FAQ

Flutter 수직 구분선이 표시되지 않습니다., Vertical Divider not showing

by 베타코드 2023. 9. 28.
반응형

질문


저는 VerticalDivider 위젯을 사용하여 Row에서 항목을 분리하려고 합니다. 여기에서 전체 본문을 확인할 수 있습니다.

이미지 설명 입력

Row:

Row(
  children: <Widget>[
    Text('420 게시물', style: TextStyle(color: Color(0xff666666)),),
    VerticalDivider(
      thickness: 2,
      width: 20,
      color: Colors.black,
    ),
    Text('420 게시물', style: TextStyle(color: Color(0xff666666)),)
  ],
),

답변


당신의 RowIntrinsicHeight로 감싸세요,

IntrinsicHeight(
  child: Row(
    children: <Widget>[
      Text('420 게시물', style: TextStyle(color: Color(0xff666666)),),
      VerticalDivider(
        thickness: 2,
        width: 20,
        color: Colors.black,
      ),
      Text('420 게시물', style: TextStyle(color: Color(0xff666666)),)
    ],
  ),
)
반응형

댓글