如何在任意线程中计算文本渲染宽度（不使用TextPainter）

我太懂这个痛点了！之前我也用TextPainter写过计算文本宽度的代码，确实能得到理想的宽度值，但它有个致命问题——只能在主线程（也就是Isolate 0）运行，想在后台线程处理文本宽度计算根本行不通。先给你看看我之前用TextPainter实现的代码：

static double precalcAnyWidth(String anyOldText) {
  final textPainter = TextPainter(
    text: TextSpan(
      text: anyOldText,
      style: const TextStyle(
        // 插一句：我之前发现如果这里刚好加个特定设置，textPainter.width的bug好像会被修复
        fontSize: Settings.basicGridFontSize + 1.0,
        fontFamily: '.. blah',
      ),
    ),
    textDirection: TextDirection.ltr,
  )..layout();
  return textPainter.width;
  // 对了，别忘了media.textScaler这个参数也会影响结果
}

但这段代码的局限性实在太明显了，只能在主线程跑。我也一直纳闷，明明只是根据字体、字号这些参数计算个文本宽度，怎么就没有能在任意线程直接运行的原生方法呢？我翻了好长时间资料，也试着去啃TextPainter的源码找突破口，但一开始也没找到合适的替代方案。

不过后来我摸索出两个可行的思路，亲测能解决问题：

• 用dart:ui的Paragraph类：这玩意儿其实是TextPainter底层依赖的组件，它不绑定Flutter的Widget环境，只要你在后台线程提前初始化好FontCollection并加载好对应的字体，就能直接创建Paragraph并调用layout()方法计算宽度。它的计算逻辑和TextPainter完全一致，但能在任意Isolate里运行，完美避开主线程限制。
• 预缓存常用文本宽度：如果你的业务场景里字体、字号比较固定，文本内容也有一定规律，可以提前在主线程把常用文本的宽度计算好存到内存缓存里，后台线程直接读缓存值就行。这种方式虽然不够灵活，但在特定场景下效率很高。

我自己用第一种方案解决了问题，你可以试试！如果有其他更巧妙的方法，也欢迎一起交流~

内容来源于stack exchange