Flutter中多行文本无法居中的解决方法咨询

要实现多行文本居中，核心是给Text组件设置textAlign: TextAlign.center，同时确保文本有明确的宽度约束（这是触发换行的前提），以下是具体实现示例：

基础实现代码 #

Center(
  child: Container(
    width: 250, // 给文本容器设置固定宽度，触发换行
    child: Text(
      "这是一段很长的测试文本，当内容超过容器宽度时会自动换行，我们需要让每一行文本都居中显示，而不是只有整个文本块在容器里居中",
      textAlign: TextAlign.center, // 关键：让文本内部每行居中
    ),
  ),
)

常见问题排查 #

• 如果你只给父容器设置了Center或Align(alignment: Alignment.center)，这只会让整个Text组件在父容器里居中，但文本内容换行后默认还是左对齐，必须配合Text的textAlign属性才能实现每行居中。
• 如果没有给Text设置宽度约束，Text会尽可能占满可用宽度（比如屏幕宽度），此时textAlign: TextAlign.center同样生效，但如果希望文本有固定宽度限制，就需要用Container、SizedBox等组件约束宽度。

适配屏幕宽度的实现 #

如果要让文本宽度适配屏幕（比如占屏幕80%），可以用MediaQuery来动态设置：

Align(
  alignment: Alignment.center,
  child: SizedBox(
    width: MediaQuery.of(context).size.width * 0.8,
    child: Text(
      "适配屏幕宽度的多行文本居中测试，这段内容足够长，会自动换行，确保每行都居中显示",
      textAlign: TextAlign.center,
    ),
  ),
)

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