Flutter Web打包中文亂碼

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

目前成都創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、東平網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

flutter build web命令默認(rèn)的渲染模式為auto，這種模式在移動(dòng)端使用html渲染，在pc端使用canvaskit渲染。

目前我的flutter版本是2.5.2，pc端瀏覽器使用canvaskit渲染時(shí)中文會(huì)出現(xiàn)短暫的亂碼（方塊叉號(hào)），像這樣：

我們可以指定渲染模式為html，就不會(huì)有這個(gè)問(wèn)題了，命令如下：

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

2021.10.21：flutter web對(duì)中文的支持貌似不太好，在手機(jī)瀏覽器調(diào)試web項(xiàng)目時(shí)，textfield hinttext有中文輸入會(huì)有卡頓bug

flutter 多語(yǔ)言配置--中文

上一篇講到如果解決ios長(zhǎng)按輸入框報(bào)錯(cuò)的問(wèn)題，但是最終沒(méi)有達(dá)到我們的要求，因?yàn)槲覀兿雽?shí)現(xiàn)中文的提示，那么本篇文章講講如何來(lái)實(shí)現(xiàn)多語(yǔ)言配置；

1.首先在pubspec.yaml的dependencies下加入這個(gè)

flutter_localizations:

sdk: flutter

如圖：

2.然后在MaterialApp設(shè)置一下localizationsDelegates如圖:

3.寫一個(gè)類繼承一下CupertinoLocalizations，在項(xiàng)目中 我這個(gè)類名叫ChineseCupertinoLocalizations(沒(méi)錯(cuò)，就是localizationsDelegates中的第三個(gè))，如圖：

上次提到報(bào)錯(cuò)的原因就是因?yàn)閏utButtonLabel，copyButtonLabel，pasteButtonLabel，selectAllButtonLabel 這幾個(gè)按鈕沒(méi)有實(shí)現(xiàn)，所以繼承CupertinoLocalizations一定要為這幾個(gè)按鈕賦值，這里是那種語(yǔ)言，那么，賦值就對(duì)應(yīng)那種語(yǔ)言，同時(shí)要注意locale.languageCode也要填寫，如果你是中文，那么locale.languageCode =='zh';

4.在ios工程中，在項(xiàng)目的info設(shè)置語(yǔ)言環(huán)境

添加?Localization native development region---china

添加一個(gè)Localizations 為array類型的，并且設(shè)置值為?Chinese (simplified)

效果圖：（ 注意：請(qǐng)把手機(jī)環(huán)境調(diào)試成中文的語(yǔ)言環(huán)境 ）

Android?

ios 效果圖

我公司用flutter做了一個(gè)《柚品生活》的app，感興趣的朋友可以去看看，Android和ios都已經(jīng)上架了

最后附上GitHub項(xiàng)目地址 GitHub - hxxsocket/flutter_lg_demo: flutter多語(yǔ)言配置之中文

flutter-android打包

android打包教程：

1、在AndroidManifest中確定app的名字：

2、在app/build.gradle中設(shè)置安卓兼容版本targetSdkVersion和最低版本minSdkVersion，還有編譯版本compileSdkVersion，還有設(shè)置包名applicationId，一般不用設(shè)置，除非你是要變更

4、添加啟動(dòng)圖標(biāo)，圖標(biāo)資源文件的位置如下：

看到這個(gè)文件的時(shí)候，就說(shuō)明創(chuàng)建證書成功了

6、配置項(xiàng)目證書

在android目錄下新建一個(gè)file文件key.properties，然后填寫證書的信息如下：

7、啟用混淆

在app路徑中添加proguard-rules.pro文件（這個(gè)百度下就好了）

8、構(gòu)建flutter build apk

網(wǎng)站題目：flutter打包中文,flutterios打包
網(wǎng)址分享：http://chinadenli.net/article5/dsgcjoi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、網(wǎng)站收錄、App開(kāi)發(fā)、域名注冊(cè)、全網(wǎng)營(yíng)銷推廣、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)