Dart中Text组件为何居中显示？如何修改代码实现右对齐？

居中问题的根本原因 #

你看到Text被居中显示，并非Text组件自身的对齐属性设置错误，而是外层嵌套布局的默认规则导致的：

• Expanded内部嵌套的Column组件，默认crossAxisAlignment为CrossAxisAlignment.center，会将其所有子元素沿横向交叉轴方向居中摆放。整个Text块被这层Column居中后，视觉上就会呈现为居中效果，这也是你始终排查不到Text自身对齐问题的核心原因。

右对齐实现的修改代码 #

可以通过以下两种调整实现目标效果，建议两个调整同时做，保证不同场景下的对齐一致性：

• 修改包裹Text的外层Column的交叉轴对齐规则，添加crossAxisAlignment: CrossAxisAlignment.end，让Column内的所有子元素统一靠横向右侧摆放。
• 给目标Text组件补充textAlign: TextAlign.right属性，让Text内部的文字内容本身沿右边界对齐，避免长文本换行时出现左对齐的偏差。

修改后的核心布局片段：

Expanded(
  child: Column(
    // 新增：Column子元素靠横向末端对齐
    crossAxisAlignment: CrossAxisAlignment.end,
    children: <Widget>[
      Padding(
          padding: EdgeInsets.only(top: 10.0, left: 5.0, right: 0),
          child: Text(
            result,
            maxLines: 7,
            overflow: TextOverflow.ellipsis,
            // 新增：Text内部文字右对齐
            textAlign: TextAlign.right,
          )),
    ],
  ),
)

注意：如果只给Text加textAlign: TextAlign.right但不修改外层Column的对齐规则，Text块本身还是会被外层Column居中，只有当Text的宽度等于父容器宽度时，右对齐效果才会生效。

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