您可以使用Row小部件来实现将图标居中对齐。
示例代码如下:
OutlineButton(
onPressed: () {},
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.add),
SizedBox(width: 5.0),
Text("Add")
],
),
),
在这个例子中,我们使用了一个Row小部件来组合图标和文本。我们将mainAxisAlignment属性设置为MainAxisAlignment.center,以使它们在水平方向上居中对齐。使用SizedBox小部件可以使图标和文本之间有一些间距。
使用这种方式,您可以轻松地通过使用Row小部件将图标居中对齐,并将其放置在OutlineButton小部件中。