Flutter Web打包中文乱码

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

目前创新互联公司已为数千家的企业提供了网站建设、域名、网站空间、成都网站托管、企业网站设计、江油网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

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

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

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

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

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

futtar.exe是什么程序

flutter是桌面应用程序。

1、使用flutter桌面应用，必须使用master通道，在命令窗口执行以下命令：

flutter channel master

flutter upgrade

2、安装visual studio后，执行flutter doctor命令

3、在visual studio installer中选择对应版本号进行安装：

4、再次执行flutter doctor命令

5、配置执行目标平台

flutter config --enable-windows-desktop

6、命令行切换到flutter-desktop-embedding\example目录下，执行flutter run命令

7、通过visual studio打开目录flutter-desktop-embedding\example\windows下的Runner.sln文件对项目进行打包。

生成的exe可执行文件在目录flutter-desktop-embedding\example\build\windows\x64\Release下

flutter 打包web

先运行下,看当前flutter 是否支持web项目, 如果没有enable-web: true 则输入 flutter config --enable-web

这时候项目中就包含了web文件夹.

输入 flutter build web 就可以在build文件夹中生成web文件, 将它放到到tomcat或者其他容器就能访问了!

附上项目的测试连接:

参考：

flutter打包-android

打包命令: flutter build apk

在Flutter工程的 android/app 下面的 build.gradle 可以修改包名、版本等信息

在app的 build.gradle 中配置:

Flutter ios打包 ipa

1.keychain 钥匙串访问

2.申请开发证书

3.注册Bundle ID

4.配置开发证书 (生成.mobileprovision文件)

5.安装证书

6.打包ipa

7.开发团队如何公用证书

进入以下程序

此文件保存到你想保存的地方，后面生成证书有用。

1.打开 苹果开发者中心 （ ）

2.按照以下图片步骤走：

上面省略的步骤，按照具体需要选择，基本是“傻瓜式点击

到这bundle id就OK了

.mobileprovision文件格式的配置文件是让开发者的项目（APP）能有真机调试，发布的权限。

配置开发证书，就会需要你设置，在这个项目中添加哪些设备作为真机调试的设备

1.Xcode打开以下文件夹

2.三个必填项

4.选择发布平台：

1.本地安装完.cer证书文件

输入密码之后点击好，即可生成.p12文件

当前名称：flutter打包命令,flutter外包
分享路径：http://scyanting.com/article/dsdgiee.html