Flutter Web泰语文本意外换行问题求助

针对你遇到的泰语文本在宽度充足时意外换行的问题，以下是几个可行的解决方案：

1. 指定泰语Locale，修正断行算法 #

Flutter默认的文本断行逻辑基于拉丁语系规则，给SelectableText指定泰语Locale，能让框架使用对应语言的分词规则处理换行：

SelectableText(
  "พีเจ เฮ้าส์ เป็นบริษัทโครงการบ้านจัดสรรในประเทศไทย",
  textAlign: TextAlign.start,
  locale: Locale('th'), // 指定泰语Locale
  style: GoogleFonts.prompt(),
),

2. 更换适配泰语的字体 #

部分字体对泰语字形的排版支持不佳，尝试切换到更适配泰语的Google字体（比如Sarabun）：

style: GoogleFonts.sarabun(
  fontSize: 16,
),

3. 用StrutStyle统一排版基线 #

通过strutStyle定义严格的排版规则，避免因字体字形差异导致的异常换行：

SelectableText(
  "พีเจ เฮ้าส์ เป็นบริษัทโครงการบ้านจัดสรรในประเทศไทย",
  textAlign: TextAlign.start,
  locale: Locale('th'),
  strutStyle: StrutStyle(
    locale: Locale('th'),
    fontSize: 16,
    height: 1.2,
  ),
  style: GoogleFonts.prompt(),
),

4. 验证容器宽度约束 #

若确认容器宽度充足，可临时关闭自动换行验证是否为约束问题：

SelectableText(
  "พีเจ เฮ้าส์ เป็นบริษัทโครงการบ้านจัดสรรในประเทศไทย",
  textAlign: TextAlign.start,
  softWrap: false,
  overflow: TextOverflow.visible,
  style: GoogleFonts.prompt(),
),

优先尝试方案1和方案2，这是解决泰语排版异常最直接的手段。若问题仍存在，检查父容器是否存在隐藏的宽度限制（比如Expanded/Flex的不合理嵌套）。

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