Flutter Web 更改文本问题

Flutter Web changes text issue

提问人:Hama Sabah 提问时间:8/29/2023 更新时间:8/29/2023 访问量:148

问:

当我使用 flutter web 并使用 时,一些文本会变成一种奇怪的格式(如屏幕截图所示)。html renderer

我该如何解决?有什么办法不使用 ?canvas renderer

enter image description here

flutter dart 文本 html 渲染

评论


答:

-2赞 Dharam Budh 8/29/2023 #1

在运行和构建 Web 应用程序时,可以在两个不同的渲染器之间进行选择。本页介绍这两种渲染器以及如何选择最适合您需求的渲染器。这两个渲染器是:

HTML 渲染器

此渲染器的下载大小比 CanvasKit 渲染器小,它使用 HTML 元素、CSS、Canvas 元素和 SVG 元素的组合。

CanvasKit 渲染器

这个渲染器与 Flutter 移动端和桌面端完全一致,具有更快的性能和更高的小部件密度,但增加了大约 1.5MB 的下载大小。CanvasKit 使用 WebGL 来渲染 Skia 绘画命令。

此标志可以与 run 或 build 子命令一起使用。例如:

• 使用 html 渲染器运行:

flutter run -d chrome --web-renderer html

• 使用 canvaskit 渲染器运行:

flutter run -d chrome --web-renderer canvaskit

• 使用 html 渲染器构建:

flutter build web --web-renderer html

• 使用 canvaskit 渲染器构建:

flutter build web --web-renderer canvaskit

要在运行时覆盖 Web 渲染器,请执行以下操作: https://docs.flutter.dev/platform-integration/web/renderers#runtime-configuration

参考链接: https://docs.flutter.dev/platform-integration/web/renderers

评论

0赞 Hama Sabah 8/29/2023
这不是一个解决方案,问题仍然存在于html渲染器中,我没有问如何在网络上渲染,我想要一个解决文本外观问题的方法。
0赞 Dharam Budh 8/29/2023
如何重现该问题?我可以有一些代码片段或其他东西吗?
0赞 Hama Sabah 8/29/2023
它只是显示的文本
0赞 Dharam Budh 8/29/2023
我知道 Flutter 网络平台。我在 Flutter 中创建了一个响应式网站。但是,我从未遇到过这样的问题。请参见:i.postimg.cc/BZ21tx8m/Screenshot-2023-08-29-at-7-34-41-PM.png