提问人:Hama Sabah 提问时间:8/29/2023 更新时间:8/29/2023 访问量:148
Flutter Web 更改文本问题
Flutter Web changes text issue
问:
当我使用 flutter web 并使用 时,一些文本会变成一种奇怪的格式(如屏幕截图所示)。html renderer
我该如何解决?有什么办法不使用 ?canvas renderer
答:
-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
评论