如何在Flutter DataTable中实现文本按小数点对齐？

当前效果 #

当前数值为整体居中状态：

期望效果 #

我需要实现数值以小数点为基准居中对齐：

问题 #

是否可以实现文本以特定字符为基准居中对齐？

我在DataTable的DataCell内用Align组件包裹Text，但当前的整体居中无法满足需求，现有代码如下：

return DataCell(
      Align(
        alignment: Alignment.center,
        child: Text(
          datos,
          style: const TextStyle(fontSize: 18, color: style.Colors.lightColor),
        ),
      ),
    );

解决方案 #

方法1：拆分文本后用RichText对齐

把数值拆成整数部分和小数部分，通过控制文本对齐方式确保小数点位置统一：

return DataCell(
  Align(
    alignment: Alignment.center,
    child: RichText(
      text: TextSpan(
        style: const TextStyle(fontSize: 18, color: Colors.lightColor),
        children: [
          TextSpan(text: datos.split('.')[0]),
          TextSpan(
            text: '.${datos.split('.').length > 1 ? datos.split('.')[1] : ''}',
          ),
        ],
      ),
      textAlign: TextAlign.end,
    ),
  ),
);

注意：如果小数位数不一致，需先补零保证长度相同，否则对齐效果会受影响。

方法2：嵌套Table实现精准对齐

用两列Table分别承载整数和小数部分，左列右对齐、右列左对齐，强制小数点对齐：

return DataCell(
  Align(
    alignment: Alignment.center,
    child: Table(
      columnWidths: const {
        0: FlexColumnWidth(1),
        1: FlexColumnWidth(1),
      },
      children: [
        TableRow(
          children: [
            Text(
              datos.split('.')[0],
              style: const TextStyle(fontSize: 18, color: Colors.lightColor),
              textAlign: TextAlign.right,
            ),
            Text(
              '.${datos.split('.').length > 1 ? datos.split('.')[1] : ''}',
              style: const TextStyle(fontSize: 18, color: Colors.lightColor),
              textAlign: TextAlign.left,
            ),
          ],
        ),
      ],
    ),
  ),
);

方法3：使用等宽字体快速实现

如果项目允许使用等宽字体（如Courier New），直接设置文本右对齐即可——等宽字体的字符宽度一致，小数点会自然对齐：

return DataCell(
  Align(
    alignment: Alignment.center,
    child: Text(
      datos,
      style: const TextStyle(
        fontSize: 18,
        color: Colors.lightColor,
        fontFamily: 'Courier New',
      ),
      textAlign: TextAlign.right,
    ),
  ),
);

内容的提问来源于stack exchange，提问作者Mateo Schultheis