Flutter Web打包中文乱码

flutter web有三种渲染模式，auto 、html 和 canvaskit。

flutter build web命令默认的渲染模式为auto，这种模式在移动端使用html渲染，在pc端使用canvaskit渲染。

目前我的flutter版本是2.5.2，pc端浏览器使用canvaskit渲染时中文会出现短暂的乱码（方块叉号），像这样：

image.png

我们可以指定渲染模式为html，就不会有这个问题了，命令如下：

flutter build web --web-renderer html

指定渲染模式为canvaskit的命令为：

flutter build web --web-renderer canvaskit

2021.10.21：flutter web对中文的支持貌似不太好，在手机浏览器调试web项目时，textfield hinttext有中文输入会有卡顿bug