Flutter中设置mainAxisAlignment.center后PieChart仍无法页面居中

问题根源 #

mainAxisAlignment: MainAxisAlignment.center 生效的前提是Column组件本身拥有明确的、大于子组件总高度的垂直空间，才有多余空间分配给居中对齐。
你的代码里Column被SingleChildScrollView包裹，滚动视图垂直方向是无界约束，Column会自动收缩高度到和内部子组件（也就是PieChart）高度一致，没有剩余空间做对齐，所以哪怕设置了居中属性，饼图还是会显示在顶部位置。

问题效果参考：

修复方案 #

方案1：保留滚动能力（推荐，适配内容变长的场景） #

通过LayoutBuilder获取当前页面可用的视图高度，给滚动视图内的内容层设置最小高度约束，让Column拿到足够的垂直空间实现居中，内容超出屏幕高度时自动触发滚动。
修正后的完整代码如下：

_buildBody() {
  return LayoutBuilder(
    builder: (context, constraints) {
      return SingleChildScrollView(
        child: ConstrainedBox(
          constraints: BoxConstraints(minHeight: constraints.maxHeight),
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              mainAxisSize: MainAxisSize.min,
              children: [
                PieChart(
                  dataMap: dataMap,
                  animationDuration: const Duration(milliseconds: 800),
                  chartLegendSpacing: 32,
                  chartRadius: MediaQuery.of(context).size.width / 2.2,
                  colorList: colorList,
                  initialAngleInDegree: 0,
                  chartType: ChartType.ring,
                  ringStrokeWidth: 32,
                  centerText: "MY REQUESTS",
                  legendOptions: const LegendOptions(
                    showLegendsInRow: false,
                    legendPosition: LegendPosition.bottom,
                    showLegends: true,
                    legendShape: BoxShape.circle,
                    legendTextStyle: TextStyle(
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                  chartValuesOptions: const ChartValuesOptions(
                    showChartValueBackground: true,
                    showChartValues: true,
                    showChartValuesInPercentage: false,
                    showChartValuesOutside: false,
                    decimalPlaces: 1,
                  ),
                ),
              ],
            ),
          ),
        ),
      );
    },
  );
}

方案2：不需要滚动时直接移除滚动组件 #

如果确认页面内容不会超出屏幕高度，不需要滚动能力，直接删掉外层的SingleChildScrollView即可，此时Center+Column的居中属性会直接生效。
代码示例：

_buildBody() {
  return Center(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        // 原有PieChart代码保持不变
      ],
    ),
  );
}

注意：如果后续给Column添加的子组件总高度超出屏幕，方案2会出现页面溢出报错，优先使用方案1兼容性更好。

内容的提问来源于stack exchange，提问作者Dario Lucić