Flutter Table组件设置FlexColumnWidth列宽不生效，默认列宽可正常工作

核心根因 #

FlexColumnWidth的列宽计算逻辑，是基于Table组件自身从父级获得的最大可用宽度，再按照权重比例做弹性空间分配。
当Table没有从父组件拿到明确的、无收缩限制的最大宽度约束时（比如直接嵌套在无交叉轴宽度约束的Column、垂直方向的ListView内部），Table会自动根据单元格的内容宽度收缩自身尺寸，此时没有可用于弹性分配的剩余空间，FlexColumnWidth会直接退化成内容自适应宽度，完全达不到预设的1:2:1:2分配效果。
而被注释掉的FixedColumnWidth属于硬编码固定宽度，不需要依赖容器的弹性空间，无论Table自身尺寸如何都会按照固定值计算列宽，因此表现正常。

对应解决方法 #

• 给Table组件显式添加宽度约束，强制其撑满父容器的可用宽度，为FlexColumnWidth提供完整的弹性分配基数
• 如果Table嵌套在横向滚动的容器内，需要给Table指定明确的总宽度值，而非依赖父容器的无限约束

正确代码示例 #

普通垂直布局场景下的适配写法：

// 外层强制Table拉满可用宽度
SizedBox(
  width: double.infinity,
  child: Table(
    columnWidths: {
      0: FlexColumnWidth(1),
      1: FlexColumnWidth(2),
      2: FlexColumnWidth(1),
      3: FlexColumnWidth(2),
    },
    children: const [
      TableRow(children: [
        Padding(
          padding: EdgeInsets.all(8.0),
          child: Text("列1"),
        ),
        Padding(
          padding: EdgeInsets.all(8.0),
          child: Text("列2"),
        ),
        Padding(
          padding: EdgeInsets.all(8.0),
          child: Text("列3"),
        ),
        Padding(
          padding: EdgeInsets.all(8.0),
          child: Text("列4"),
        ),
      ])
    ],
  ),
)

横向滚动场景下的适配写法：

SingleChildScrollView(
  scrollDirection: Axis.horizontal,
  // 明确指定Table总宽度，避免无限宽度约束导致FlexColumnWidth计算异常
  child: SizedBox(
    width: MediaQuery.of(context).size.width,
    child: Table(
      columnWidths: {
        0: FlexColumnWidth(1),
        1: FlexColumnWidth(2),
        2: FlexColumnWidth(1),
        3: FlexColumnWidth(2),
      },
      children: [],
    ),
  ),
)

内容的提问来源于stack exchange，提问作者Arun.k