小编The*_*ler的帖子

我在对齐小部件时遇到问题。我在这里看到过关于类似问题的问题，但是，它们似乎都不适用于我的特定任务。我正在尝试创建一个包含一个图标和两个文本小部件的小部件。图标应该位于第一个文本小部件的中心，另一个文本小部件应该与第一个的基线对齐。

我这样做的方法是将图标和第一个文本小部件放在一列中，然后将该列与第二个文本小部件一起放在一行中。我在行小部件中使用crossAxisAlignment: CrossAxisAlignment.baseline和textBaseline: TextBaseline.ideographic但由于某种原因，第二个文本与图标对齐。它看起来像这样：

如果我改为使用crossAxisAlignment: CrossAxisAlignment.end文本小部件不正确对齐：

我试图将文本小部件放在一行中，并将它们与图标一起放在一列中，但是图标不再以第一个文本小部件为中心：

这是用于第一张图像的代码，其他图像只是相同代码的重新排列。

return Row(
  crossAxisAlignment: CrossAxisAlignment.baseline,
  textBaseline: TextBaseline.ideographic,
  children: [
    Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        Icon(
          widget.icon,
          color: color_text_highlight,
          size: 20,
        ),
        Text(
          widget.data,
          style: TextStyle(
            fontSize: 28,
            fontFamily: 'Quicksand',
            color: color_text_highlight,
          ),
        ),
      ],
    ),

    SizedBox(width: 5),

    Text(
        widget.label,
        style: TextStyle(
          fontSize: 12,
          fontFamily: 'Roboto',
          color: color_text_dark,
        )
    ),
  ],
);

任何帮助表示赞赏！