Dart/Flutter中阻止阿拉伯文本无故换行的问题求助

1. 确保HTML十进制字符完全转义 #

你的文本以HTML十进制字符（如&#xxx;格式）存储，若functions.getArabicVerion未彻底将其转换为实际阿拉伯Unicode字符，残留的转义片段会干扰换行逻辑。可以手动实现解码逻辑：

String decodeHtmlDecimal(String text) {
  return text.replaceAllMapped(RegExp(r'&#(\d+);'), (match) {
    int code = int.parse(match.group(1)!);
    return String.fromCharCode(code);
  });
}

替换原代码中的字符转换部分，同时显式指定RTL文本方向：

child: AutoSizeText(
  decodeHtmlDecimal(getJsonField(qaidaItem2Item, r'''$''').toString())
      .replaceAll(' ', '\u00A0'),
  style: Theme.of(context).bodyText1.override(
        fontFamily: 'meQuran',
        fontSize: double.parse(textSizeValue),
        useGoogleFonts: false,
      ),
  textDirection: TextDirection.rtl,
),

2. 移除强制替换所有空格为非断空格的操作 #

replaceAll(' ', '\u00A0')会强制所有空格禁止换行，但阿拉伯语的RTL换行规则与LTR语言不同，强制替换会打乱布局引擎的换行计算逻辑。建议移除该操作，让引擎自行处理：

child: AutoSizeText(
  decodeHtmlDecimal(getJsonField(qaidaItem2Item, r'''$''').toString()),
  style: Theme.of(context).bodyText1.override(
        fontFamily: 'meQuran',
        fontSize: double.parse(textSizeValue),
        useGoogleFonts: false,
      ),
  textDirection: TextDirection.rtl,
),

3. 调整AutoSizeText布局参数 #

显式指定文本方向的同时，调整maxLines和overflow参数，避免布局歧义：

child: AutoSizeText(
  decodeHtmlDecimal(getJsonField(qaidaItem2Item, r'''$''').toString()),
  style: Theme.of(context).bodyText1.override(
        fontFamily: 'meQuran',
        fontSize: double.parse(textSizeValue),
        useGoogleFonts: false,
      ),
  textDirection: TextDirection.rtl,
  maxLines: null,
  overflow: TextOverflow.visible,
),

4. 验证自定义字体兼容性 #

meQuran字体可能缺失Web端所需的RTL布局元数据（如OpenType双向布局表），导致换行计算错误。可以替换为兼容的阿拉伯语字体测试：

style: Theme.of(context).bodyText1.override(
      fontFamily: 'Amiri',
      fontSize: double.parse(textSizeValue),
      useGoogleFonts: true,
    ),

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