Flutter：如何让子组件与DataColumn同宽并居中？

问题原因 #

Expanded 是专为 Row/Column/Flex 这类弹性布局容器设计的组件，它需要依赖父容器的弹性布局逻辑分配空间。而 DataColumn 的 label 属性、DataCell 的子组件父容器并非弹性布局，直接使用 Expanded 会触发 Incorrect use of ParentDataWidget 错误。

替代方案 #

要实现子组件与 DataColumn/DataCell 同宽且文本居中，以下几种方案简单有效：

1. 使用 Container + width: double.infinity

通过设置容器宽度为无限大，让它自动占满父组件可用宽度，再配合 Center 实现文本居中：

Widget getDataTable() {
  return DataTable(
    columns: const [
      DataColumn(
        label: Container(
          width: double.infinity,
          child: Center(
            child: Text('center 1'),
          ),
        ),
      ),
      DataColumn(
        label: Container(
          width: double.infinity,
          child: Center(
            child: Text('center 2'),
          ),
        ),
      ),
    ],
    rows: const [
      DataRow(
        cells: [
          DataCell(
            Container(
              width: double.infinity,
              child: Center(child: Text('centered content')),
            ),
          ),
          DataCell(
            Container(
              width: double.infinity,
              child: Center(child: Text('centered content 2')),
            ),
          ),
        ],
      ),
    ],
  );
}

2. 使用 SizedBox.expand

SizedBox.expand 会强制子组件占满父容器所有可用空间，效果和上述方案一致：

DataColumn(
  label: SizedBox.expand(
    child: Center(child: Text('center 1')),
  ),
),

3. 使用 Align 组件

如果不需要额外容器样式，可直接用 Align，通过 widthFactor: 1 让它占满父宽度：

DataColumn(
  label: Align(
    alignment: Alignment.center,
    widthFactor: 1,
    child: Text('center 1'),
  ),
),

额外说明 #

DataCell 同样不能直接使用 Expanded，上述三种方案可直接复用，确保子组件占满单元格宽度同时居中内容。

内容的提问来源于stack exchange，提问作者kk-at-cbx