flutter text 自动换行_我对Flutter的第一次失望

老孟导读：此文翻译自：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变量。
• 文本框的大小和相对位置。这是一个例子：