我尝试使用VerticalDivider
小部件来分隔Row
中的项目。Here是整个主体。
数据列:
Row(
children: <Widget>[
Text('420 Posts', style: TextStyle(color: Color(0xff666666)),),
VerticalDivider(
thickness: 2,
width: 20,
color: Colors.black,
),
Text('420 Posts', style: TextStyle(color: Color(0xff666666)),)
],
),
5条答案
按热度按时间zphenhs41#
用
IntrinsicHeight
Package 您的Row
,vwkv1x7d2#
VerticalDivider需要高度才能正确工作,请将其与定义了高度参数的SizedBox或等效项一起使用。
示例:
93ze6v8z3#
您还可以将行换行到指定高度容器中
bn31dyow4#
用
IntrinsicHeight
Package 您的row
,或指定row
小工具的高度使用固有高度的示例:
具有固定高度的示例:
wyyhbhjk5#
当您在“行,换行”小部件中添加“垂直分隔线”时,它可能由于高度变化而无法显示。主要原因是“行/换行”小部件的父小部件高度不受限制。因此,请使用固定高度,如Container或IntrinsicHeight