在颤动中对齐行小部件的子项内的文本

Question

我正在尝试使用 legends 和 Column 小部件动态生成图表的 Row。我面临的问题是对齐下一行​​中的文本。

您可以看到，由于文本 Average 和 Sub-Pair 较大，列中的下一项向右移动。不确定如何在特定行和列中对齐所有内容。

这是代码

  Widget _buildLegends() {
    return Column(
      children: List.generate(
        sectionDataList.length,
        (index) {
          return Padding(
            padding: const EdgeInsets.all(8.0),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  indicatorDataList[index].subText,
                  textAlign: TextAlign.left,
                ),
                Container(
                  height: 25,
                  width: 50,
                  color: indicatorDataList[index].color,
                ),
                Text(indicatorDataList[index].text),
                Text(
                  indicatorDataList[index].value.toString(),
                ),
              ],
            ),
          );
        },
      ),
    );
  }

Answer 1

使用 MediaQuery.of(context).size.width

显式给出所有四列的宽度