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

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

成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)于都,十載網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

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

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

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

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

參考：

解決方案：

頓悟：

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

Flutter Web打包中文亂碼

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

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

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

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

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

2021.10.21：flutter web對中文的支持貌似不太好，在手機瀏覽器調(diào)試web項目時，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語言實戰(zhàn)：基于Angular框架的Web開發(fā)》

《Flutter實戰(zhàn)》