flutter 考虑材料设计衬垫的对齐

bbmckpt7  于 2022-12-24  发布在  Flutter
关注(0)|答案(1)|浏览(104)

我想显示一个进度条,在右边有一个按钮,如下图所示。左边和右边的边距在视觉上应该相等。相反,右边的间距比左边的大。这是因为我使用的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),
              )
            ])
          ],
        ));
7kqas0il

7kqas0il1#

我不认为有办法做到这一点。我最终只是制作了我自己的IconButton版本,没有填充。

相关问题