如何在Dart中修改ElevatedButton内文本的对齐方式

ElevatedButton默认会强制内部文本居中，所以直接给Text组件设置TextAlign不会生效，得从按钮的布局约束入手，以下是两种可行方案：

方案一：通过按钮样式直接设置对齐 #

这是最直接的方法，利用ElevatedButton.styleFrom里的alignment参数控制内部子组件的对齐：

ElevatedButton(
  style: ElevatedButton.styleFrom(
    alignment: Alignment.centerLeft, // 居左；居右用 Alignment.centerRight
  ),
  onPressed: () {},
  child: Text("居左对齐的按钮文本"),
)

方案二：用Row或Padding自定义布局 #

如果需要更灵活的间距控制，比如调整文本和按钮边缘的距离，可以用Row包裹文本，或者给Text加内边距：

用Row控制对齐 #

ElevatedButton(
  onPressed: () {},
  child: Row(
    mainAxisAlignment: MainAxisAlignment.start, // 居左；居右用 MainAxisAlignment.end
    children: const [
      Text("居左对齐的按钮文本"),
    ],
  ),
)

用Padding调整位置（适合微调） #

ElevatedButton(
  onPressed: () {},
  child: Padding(
    padding: const EdgeInsets.only(left: 16.0), // 控制左侧间距实现居左效果
    child: Text("居左对齐的按钮文本"),
  ),
)

优先推荐方案一，操作简单且符合组件设计逻辑；如果需要自定义文本与按钮边缘的间距，再用方案二。

内容的提问来源于stack exchange，提问作者نبيل سليمان