Flutter按钮文本换行问题：如何实现中间而非末尾换行？

方法1：手动插入换行符（固定文本场景） #

如果文本内容固定，直接在需要换行的位置加\n强制拆分，能精准控制换行位置，保证可读性：

SizedBox(
  height: 40,
  child: ElevatedButton(
    onPressed: () {},
    style: ElevatedButton.styleFrom(
      padding: const EdgeInsets.symmetric(horizontal: 20),
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
      elevation: 0,
    ),
    child: const Text(
      "Thisisalong\ntextwr", // 手动插入换行符
      style: TextStyle(
        fontWeight: FontWeight.bold,
        fontSize: 14,
      ),
      textAlign: TextAlign.center,
      maxLines: 2,
    ),
  ),
),

方法2：使用wordBreak: WordBreak.breakAll（动态文本场景） #

如果文本是动态生成的连续字符串，Flutter 3.7及以上版本可通过wordBreak属性让文本在任意字符处换行，实现自动均匀分两行：

SizedBox(
  height: 40,
  child: ElevatedButton(
    onPressed: () {},
    style: ElevatedButton.styleFrom(
      padding: const EdgeInsets.symmetric(horizontal: 20),
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
      elevation: 0,
    ),
    child: const Text(
      "Thisisalongtextwr",
      style: TextStyle(
        fontWeight: FontWeight.bold,
        fontSize: 14,
      ),
      textAlign: TextAlign.center,
      maxLines: 2,
      wordBreak: WordBreak.breakAll, // 允许任意位置换行
      overflow: TextOverflow.clip, // 避免末尾字符截断异常
    ),
  ),
),

方法3：用Wrap组件包裹文本（自适应布局场景） #

如果按钮高度允许，用Wrap组件替代Text，它会自动根据按钮宽度拆分文本，保证内容完整显示：

SizedBox(
  height: 40,
  child: ElevatedButton(
    onPressed: () {},
    style: ElevatedButton.styleFrom(
      padding: const EdgeInsets.symmetric(horizontal: 20),
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
      elevation: 0,
    ),
    child: const Wrap(
      alignment: WrapAlignment.center, // 文本居中
      children: [
        Text(
          "Thisisalongtextwr",
          style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 14,
          ),
        ),
      ],
    ),
  ),
),

额外提示：解决末尾字符显示异常 #

你提到的末尾字母显示异常，大概率是文本超出按钮高度导致的截断。可以调整以下参数优化：

• 适当增大SizedBox的height（比如改成45），给两行文本足够的垂直空间
• 减小TextStyle的fontSize，或者调整按钮的padding，避免文本挤压

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