flutter - 如何居中对齐文本小部件，然后在文本中添加前导图标？

Question

在 Row 小部件中，我添加了一个文本小部件，我可以使用 mainAxisAlignment.center 将文本居中对齐，但是当我在文本前添加一个图标时，文本显然不是居中对齐，因为图标和文本一起居中对齐。

在屏幕截图下方找到更好的理解。

我的设计师建议让“Morning”文本与屏幕居中对齐，并且图标应该放在文本前面，我该如何实现？

Answer 1

您可以使用透明颜色技巧:

      Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Icon(Icons.wb_sunny, color: Colors.yellow),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 8.0),
            child: Text('Morning'),
          ),
          Icon(Icons.wb_sunny, color: Colors.transparent),
        ],
      )

右侧的图标仅用于平衡，并且具有透明颜色。