我想显示一个进度条,在右边有一个按钮,如下图所示。左边和右边的边距在视觉上应该相等。相反,右边的间距比左边的大。这是因为我使用的IconButton
遵循材质设计,在它周围有一堆额外的空间。
我的代码把进度条放在Row
中。在它上面,我还有一个标签放在Row
中。我希望右对齐的标签与按钮对齐。考虑到材料设计可能添加的任何填充,正确的对齐方式是什么?
下面是我的代码:
return Container(
padding: 10,
child: Column(
children: [
Row(children: [Text("Left aligned text"), const Spacer(), Text("Right aligned text")]),
const SizedBox(height: 10),
Row(children: [
Expanded(
child: LinearProgressIndicator(backgroundColor: Colors.darkBlue, color: Colors.blue, value: 55, minHeight: 20)),
IconButton(
icon: Icon(Icons.stop_circle_outlined),
padding: const EdgeInsets.all(0),
)
])
],
));
1条答案
按热度按时间7kqas0il1#
我不认为有办法做到这一点。我最终只是制作了我自己的
IconButton
版本,没有填充。