![2b299f774fe5896b185e61206dabbcb1.png](https://i-blog.csdnimg.cn/blog_migrate/e3a334c7c89acdf877cfa027697e8f11.jpeg)
老孟导读:此文翻译自:https://medium.com/@suragch/my-first-disappointment-with-flutter-5f6967ba78bf
我喜欢Flutter。我喜欢开发一次并让代码在Android和iOS上运行。我喜欢节省多少时间。我喜欢现在成为一名Web开发人员,而无需做任何额外的工作。我喜欢hot reload。我喜欢通过将小部件组合到布局中来快速构建UI。我喜欢制作ListView简单得多。我喜欢状态管理。 (好吧,只是在开玩笑。但是我可以应付。)我喜欢Dart。我喜欢Future和async / await比Android AsyncTasks甚至iOS Dispatch Queue容易得多。
但是,在花了最后两周的时间研究Flutter如何呈现文本后,我对使用的工具感到失望。
我们被告知:
Flutter的分层体系结构使您可以控制屏幕上的每个像素。
这显然不适用于用于绘制文本的像素。
Flutter中的低级文字功能
Flutter使用名为LibTxt的库结合使用Skia,Hafbuzz,Minikin和ICU来呈现文本。开发人员在使用Text小部件或TextSpan甚至是TextPainter时间接使用它。在最低级别上,我们可以使用dart:iu,它是使用ParagraphBuilder构建的Paragraph类。这些类基本上只是底层LibTxt引擎的包装器。几乎所有工作都由此引擎完成,而在dart:ui中几乎没有暴露。
Paragraph类为我们提供了以下控制:
- Size:我可以获取整个渲染段落的宽度和高度,它可以是单行或多行。
- 距基线的距离(仅对于第一行)
- 文本是否溢出了maxLines变量。
- 文本框的大小和相对位置。这是一个例子: