国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<span id="4kawm"><meter id="4kawm"></meter></span>

【Flutter 問(wèn)題系列第 80 篇】TextField 輸入框組件限制可輸入的最大長(zhǎng)度后，輸入的內(nèi)容中包含表情符號(hào)時(shí)，獲取輸入的內(nèi)容數(shù)還是會(huì)超出限制的問(wèn)題

2年前作者：Allen Su分類：Toy博客閱讀(17)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了【Flutter 問(wèn)題系列第 80 篇】TextField 輸入框組件限制可輸入的最大長(zhǎng)度后，輸入的內(nèi)容中包含表情符號(hào)時(shí)，獲取輸入的內(nèi)容數(shù)還是會(huì)超出限制的問(wèn)題。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

這是【Flutter 問(wèn)題系列第 80 篇】，如果覺(jué)得有用的話，歡迎關(guān)注專欄。

博文當(dāng)前所用 Flutter SDK：3.10.5、Dart SDK：3.0.5

一：?jiǎn)栴}描述

在輸入用戶名稱、簡(jiǎn)介等內(nèi)容時(shí)，一般我們都會(huì)限制輸入框內(nèi)最大可輸入數(shù)（通過(guò) TextField 組件的 maxLength 屬性)，如下圖限制簡(jiǎn)介最多10個(gè)字

flutter textfield輸入超出,獲取輸入框中字符的長(zhǎng)度,TextField最大輸入長(zhǎng)度,Flutter輸入框常見問(wèn)題

正常輸入漢字是沒(méi)有問(wèn)題的，我們的限制起到了作用?？僧?dāng)最后輸入了一個(gè)表情符號(hào)時(shí)，我們獲取輸入內(nèi)容的長(zhǎng)度會(huì)超出限制，如下圖所示

flutter textfield輸入超出,獲取輸入框中字符的長(zhǎng)度,TextField最大輸入長(zhǎng)度,Flutter輸入框常見問(wèn)題

這肯定不是我們需要的，怎么處理這種情況呢？

二：解決方案

其實(shí)解決的話也很簡(jiǎn)單，不直接使用字符串的長(zhǎng)度，而是使用字符串的字符長(zhǎng)度，也就是字符串的 characters 屬性的長(zhǎng)度。

修改前

onChanged: (str) {
  if (str.length >= 10) {
	debugPrint("最多可輸入10個(gè)字符");
  }
  // do something
},

修改后

onChanged: (str) {
  if (str.characters.length >= 10) {
	debugPrint("最多可輸入10個(gè)字符");
  }
  // do something
},

修改后的效果如下圖所示

flutter textfield輸入超出,獲取輸入框中字符的長(zhǎng)度,TextField最大輸入長(zhǎng)度,Flutter輸入框常見問(wèn)題

String 內(nèi)部用來(lái)存儲(chǔ)的結(jié)果是一個(gè) char 字符數(shù)組，Character 類用于對(duì)單個(gè)字符進(jìn)行操作，是對(duì) char 的封裝。如果我們判斷輸入內(nèi)容的長(zhǎng)度是否大于限制的長(zhǎng)度時(shí)，應(yīng)該用的是字符長(zhǎng)度，而不是字符串長(zhǎng)度。

至此，關(guān)于 TextField 輸入框組件限制可輸入的最大長(zhǎng)度后，輸入的內(nèi)容中包含表情符號(hào)時(shí)，獲取輸入的內(nèi)容數(shù)還是會(huì)超出限制的問(wèn)題便說(shuō)到這里。

你的問(wèn)題得到解決了嗎？歡迎在評(píng)論區(qū)留言。

贈(zèng)人玫瑰，手有余香，如果覺(jué)得文章不錯(cuò)，希望可以給個(gè)一鍵三連，感謝。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-812573.html

結(jié)束語(yǔ)
Google 的 Flutter 越來(lái)越火，截止 2024年1月17日 GitHub 標(biāo)星已達(dá) 159K，F(xiàn)lutter 毅然是一種趨勢(shì)，所以作為前端開發(fā)者，沒(méi)有理由不趁早去學(xué)習(xí)。

無(wú)論你是 Flutter 新手還是已經(jīng)入門了，不妨先點(diǎn)個(gè)關(guān)注，后續(xù)我會(huì)將 Flutter 中的常用組件（含有源碼分析、組件的用法及注意事項(xiàng)）以及可能遇到的問(wèn)題寫到 CSDN 博客中，希望自己學(xué)習(xí)的同時(shí)，也可以幫助更多的人。

到了這里，關(guān)于【Flutter 問(wèn)題系列第 80 篇】TextField 輸入框組件限制可輸入的最大長(zhǎng)度后，輸入的內(nèi)容中包含表情符號(hào)時(shí)，獲取輸入的內(nèi)容數(shù)還是會(huì)超出限制的問(wèn)題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來(lái)自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

Flutter TextField 組件的屬性、監(jiān)聽、賦值等詳細(xì)說(shuō)明
①獲取文本框內(nèi)容: _use.text.toString(); ②給文本框賦值，有兩種寫法： String? mUserId=\\\"123\\\"; ③文本框的監(jiān)聽： _use .addListener(() { ? print(\\\"你輸入的內(nèi)容為：\\\"+ mUserId ); ? }); return TextField( //改變事件 onChanged: (str) { print(\\\"你改變的內(nèi)容為：\\\"+ str ); },); //使用 return TextField( focusNode: _focus
2023年04月08日
瀏覽(25)
iOS輸入限制表情輸入、最大字符、正則過(guò)濾
平時(shí)輸入會(huì)有輸入限制， 1.最大字符數(shù)量 2.限制特殊字符：表情包、數(shù)字中文、大小寫 3.空格換行符等特殊字符一般的解決辦法在輸入時(shí)或輸入完成時(shí)（根據(jù)業(yè)務(wù)需要），設(shè)置正則過(guò)濾就可以。參考：常用正則表達(dá)式(通用字符過(guò)濾) 注意，今天說(shuō)iOS的輸入限制，很離譜，以
2024年02月04日
瀏覽(17)
運(yùn)籌說(shuō) 第80期 | 最小費(fèi)用最大流問(wèn)題
前面我們學(xué)習(xí)了圖與網(wǎng)絡(luò)分析的基礎(chǔ)知識(shí)及經(jīng)典問(wèn)題，大家是否已經(jīng)學(xué)會(huì)了呢？接下來(lái)小編和大家學(xué)習(xí)最后一個(gè)經(jīng)典問(wèn)題—— 最小費(fèi)用最大流問(wèn)題。最小費(fèi)用最大流問(wèn)題是經(jīng)濟(jì)學(xué)和管理學(xué)中的一類典型問(wèn)題。在一個(gè)網(wǎng)絡(luò)中每段路徑都有“容量”和“費(fèi)用”兩個(gè)限制的條件下
2024年01月16日
瀏覽(16)
[虛幻引擎 UE5] EditableText(可編輯文本) 限制只能輸入數(shù)字并且設(shè)置最小值和最大值
本藍(lán)圖函數(shù)可以格式化 EditableText 控件輸入的數(shù)據(jù)，讓其只能輸入一定范圍內(nèi)的整數(shù)。藍(lán)圖函數(shù) 調(diào)用方法下載藍(lán)圖（5.2.1版本） https://dt.cq.cn/archives/618
2024年02月10日
瀏覽(24)
Flutter TextField 交互實(shí)例 —— 新手禮包
大家好，我是 17。新手禮包一共 3 篇文章，每篇都是描述盡量詳細(xì)，實(shí)例講解，包會(huì)！ Flutter Row 實(shí)例 —— 新手禮包 Flutter TextField UI 實(shí)例 —— 新手禮包 Flutter TextField 交互實(shí)例 —— 新手禮包本篇包含所有常見 TextField 交互示例。在上一篇 Flutter TextField UI 實(shí)例中第一個(gè)示例
2023年04月09日
瀏覽(23)
Flutter——最詳細(xì)(TextField)使用教程
文本輸入框，擁有復(fù)雜的屬性?？芍付刂破鳌⑽淖謽邮?、裝飾線、行數(shù)限制、游標(biāo)樣式等。監(jiān)聽輸入框變動(dòng)事件。搜索框，輸入賬號(hào)密碼等屬性作用 controller 輸入框監(jiān)聽器 decoration 輸入框裝飾屬性 textAlign 內(nèi)容對(duì)齊方式 textAlignVertical 文本垂直對(duì)齊 textDirection 文字方向 ma
2024年02月13日
瀏覽(24)
Flutter TextField UI 實(shí)例 —— 新手禮包
大家好，我是17。新手禮包一共 3 篇文章，每篇都是描述盡量詳細(xì)，實(shí)例講解，包會(huì)！ Flutter Row 實(shí)例 —— 新手禮包 Flutter TextField UI 實(shí)例 —— 新手禮包 Flutter TextField 交互實(shí)例 —— 新手禮包本篇介紹了 TextField UI 的常見寫法，從TextField的尺寸，border，icon，文本到光標(biāo)，無(wú)所
2023年04月08日
瀏覽(24)
Flutter?TextField設(shè)置背景色和圓角
這是一個(gè)很常見的登錄頁(yè)面，自然想到了Flutter的表單組件 Form。? 想使用 Form? 組件，就要修改 TextFormField 的樣式了。 TextFormField 是 TextField 的一個(gè)包裝類，除了 FormField 定義的屬性之外，它還包括 TextField 的屬性。 TextField的decoration 屬性可以用于控制 TextField 的外觀顯示，如提
2023年04月18日
瀏覽(21)
【100個(gè) Unity實(shí)用技能】 | InputField輸入框組件實(shí)現(xiàn)輸入限制，只能輸入中文或特殊字符等
?? 博客主頁(yè)：https://xiaoy.blog.csdn.net ?? 本文由呆呆敲代碼的小Y 原創(chuàng)，首發(fā)于 CSDN ?? ?? 學(xué)習(xí)專欄推薦：Unity系統(tǒng)學(xué)習(xí)專欄 ?? 游戲制作專欄推薦：游戲制作 ??Unity實(shí)戰(zhàn)100例專欄推薦：Unity 實(shí)戰(zhàn)100例教程 ?? 歡迎點(diǎn)贊 ?? 收藏 ?留言 ?? 如有錯(cuò)誤敬請(qǐng)指正！ ?? 未來(lái)很長(zhǎng)
2023年04月27日
瀏覽(52)
uniapp 的input組件在@input事件中限制用戶可輸入數(shù)值的范圍，出現(xiàn)視圖不更新的bug。
在input事件拿到用戶輸入的值，然后給input組件綁定的值賦值之前，判斷用戶輸入的不能超過(guò)最大值，超過(guò)的話默認(rèn)為100，，這個(gè)判斷和賦值然后視圖更新只能觸發(fā)一次，之后在輸入，發(fā)現(xiàn)值改了頁(yè)面但是不更新。我擦了，v-model和：value都試過(guò)。都沒(méi)用，網(wǎng)上描述的這個(gè)bug能追
2024年02月16日
瀏覽(15)

<kbd id="0e6ia"></kbd>

<tfoot id="0e6ia"></tfoot>

<center id="0e6ia"><ul id="0e6ia"></ul></center>

<span id="0e6ia"><th id="0e6ia"></th></span>