flutter 多語言配置--中文

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

10年積累的成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有句容免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

1.首先在pubspec.yaml的dependencies下加入這個

flutter_localizations:

sdk: flutter

如圖：

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

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

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

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

添加?Localization native development region---china

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

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

Android?

ios 效果圖

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

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

2020-11-18 解決Flutter TextField限制輸入中文問題

項(xiàng)目中存在一個輸入框，只能提交中文字符串，于是使用了如下的方法實(shí)現(xiàn)

但是上線運(yùn)行之后，發(fā)現(xiàn)在iOS原生拼音輸入法中，只能一個字一個字輸入，每次輸入超過一個字就會直接變成拼音字母，并且長度限制在遇到中文拼音輸入法后也會失效

于是通過自定義過濾器的方法，解決了這個問題

關(guān)鍵方法在于判斷當(dāng)前輸入框是否存在未完成的字符串，如果存在，則不做限制，否則根據(jù)參數(shù)進(jìn)行限制

但是屬性 composing 聽說還存在bug，使用的時候要注意，很有可能還有坑等著????

參考：

解決方案：

頓悟：

感謝???? Alex 大神！！！

Flutter Web打包中文亂碼

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

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

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

我們可以指定渲染模式為html，就不會有這個問題了，命令如下：

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

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

Flutter基礎(chǔ)Dart 相關(guān)書籍和網(wǎng)站推薦

網(wǎng)站：

Flutter官網(wǎng)

國內(nèi)Flutter中文資源網(wǎng)

Flutter中文網(wǎng)

Dart官網(wǎng)

Dart中文網(wǎng)

第三方包官網(wǎng)

國內(nèi)第三方包官網(wǎng)

必讀書籍：

《Dart語言實(shí)戰(zhàn)：基于Angular框架的Web開發(fā)》

《Flutter實(shí)戰(zhàn)》

Flutter Text組件 文字的對齊、數(shù)字和字母對齊中文

對齊的效果

Text的高度 是根據(jù) height 乘于 fontSize 進(jìn)行計(jì)算的、這里指定heiht即可、不指定的會出現(xiàn) 無法對齊的情況，如下：

同樣字體下，這種就是無法對齊的情況

Flutter跨平臺框架（Dart語言）

Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。 Flutter可以與現(xiàn)有的代碼一起工作。在全世界，F(xiàn)lutter正在被越來越多的開發(fā)者和組織使用，并且Flutter是完全免費(fèi)、開源的。(-中文網(wǎng)；-英文網(wǎng))

Flutter是一種趨勢，勢必會取代RN，成為最主流的跨平臺開發(fā)框架，基于Dart語言。ios開發(fā)必須Mac電腦。android開發(fā)window、linux、Mac均可。

本文標(biāo)題：flutter中文,Flutter中文文檔
本文鏈接：http://chinadenli.net/article9/dseidoh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、云服務(wù)器、網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)

廣告

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