React Native 解决 TextInput 设置 maxLength 后，拼音输入法无法输入的问题

最新推荐文章于 2023-11-08 14:07:53 发布
最新推荐文章于 2023-11-08 14:07:53 发布
阅读量1.2k 收藏
点赞数
分类专栏： ReactNative 文章标签： react native TextInput maxLength
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niuzhucedenglu/article/details/131688619
版权

目前只发现在 iOS 上存在这个问题，这是由于 iOS 系统的问题，需要添加一个 OC 分类来解决，这里有一个封装好的 react-native-textinput-maxlength-fixed ，直接安装即可。

npm install react-native-textinput-maxlength-fixed
npx pod-install
Code Man
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native之TextInput组件解析示例
08-29
React Native之TextInput组件是React Native中一个基本的组件，用于获取用户的输入信息。本文将对TextInput组件进行详细的解析，并提供一个实用的示例来帮助读者更好地理解和使用TextInput组件。 概述 TextInput...
input设置maxlength为最大长度无效解决方案
搬砖的石头
06-17 6196
第一种方法：input属性为number，做if判断，然后slice选取 <input type="number" oninput="if(value.length>6)value=value.slice(0,6)" /> 第二种方法：input属性为text，设置maxlength为最大长度，使用onkeyup和onafterpaste 限制只能输入数字 ...
小程序输入框设置maxlength时，拼音也会被限制
qq_41801484的博客
02-23 2810
<input type="text" maxlength="10" confirm-type="done" model:value="{{bookName}}" placeholder="请输入"></input> 如上，我限制输入框最长可输入5位字符，在微信开发工具调试是没问题的，在真机上，当我输入中文时，拼音也被限制了，像我习惯一次性打完一句话或者四五个字，结果拼音也被限制只能输入5个以内，这就很难受 应该是输入中文时，拼音会暂时出现在输入框内，然后就被误判成是输...
解决uniapp微信小程序，input框设置了maxlength时，ios在输入时拼音达到了最大长度导致无法继续输入问题；
Lyn1421的博客
06-15 1523
【代码】解决uniapp微信小程序，input框设置了maxlength时，ios在输入时拼音达到了最大长度导致无法继续输入问题；
react-native 0.55.4 ios环境下不能输入汉字
daniel1227的博客
07-18 509
因为一直使用的是虚拟机测试，测试过程中也不怎么输入汉字进行测试，直到测试人员测试才发现问题。 原因：react-native在0.55的版本下，TextInput组件有一些的bug！！不能使用它的value 或defaultValue 属性！！ 代码如下： 情况1： <TextInput underlineColorAndroid="transparent" s...
ios下多行文本输入框bug，textarea标签的maxlength属性在ios上计算
imkaifan的博客
09-27 804
ios下多行文本输入框bug，textarea标签的maxlength属性在ios上计算
iOS端textarea、input在小程序中设置maxlength输入汉字的问题（测试有效）
最新发布
行胜于言，行动胜于空想
11-08 417
当你看到这篇文章的时候，恭喜你，你也遇到了这个问题，首先这个问题是微信小程序的一个问题，在我发布这篇文章的时候还没有解决，但是遇到这个问题，又不能说不兼容iOS，所以只能看看怎么解决他啦。这个方案就是通过监听值的变化来截取字符串，就可以解决这个问题啦。
React-Native TextInput组件详解及实例代码
09-01
React-Native 的 `TextInput` 组件是用于创建用户输入字段的核心组件，它可以处理文本输入、密码输入等场景。在移动应用开发中，`TextInput` 是不可或缺的部分，它为 Android 和 iOS 提供了一致的跨平台体验。下面...
react-native-input-scroll-view：完美的TextInput ScrollView
02-05
react-native-input-scroll-view 主要实现以下功能： 当键盘弹出时， TextInput将自动调整到键盘顶部。 当键盘弹出时， ScrollView的内容不会被键盘遮挡。 当多行TextInput获得焦点时，所选光标将自动调整到键盘...
react-native-text-input-enhance:用于React Native的TextInput
05-11
$ npm install react-native-text-input-enhance --save 为什么要使用此TextInput 在React Native版本0.54.0中，我们有错误 clear()从第二次起不起作用 此问题可以在将来通过此修复程序修复 用法 import ...
菜鸟日记之中英文长度控制
protti的专栏
09-29 117
在表单的input里，通过maxlength来控制长度，对中文是没有效果的。只能从后台来判断，代码如下： java 代码 String fgmc = rule.getFgmc();    if(fgmc!= null &amp;&amp; !fgmc.equals("")){            byte[] bytes = fgmc.getBytes();  ...
HTML中input标签maxlength属性的妙处
放眼长期，稳中求进；知行合一，日拱一卒
12-18 368
HTML中的input标签可是很常用的。 HTML本身也非常简单，就是若干标签，每个标签有若干属性。 我在学习HTML的过程中，也没有太过重视。 今年，在写前端表单验证的时候，发现maxlength这个属性很好用。 实际需求 前端的表单，需要进行验证。 结合JS表单验证框架，写了很多前端验证的代码。 其中，有这么一个需求：用户最多只能输入10个字符。 按照惯性，肯定是会去写JS表单验证了。 实...
maxlength中文和英文html,让input maxlength区分中英文
weixin_35882650的博客
06-22 1043
经常有需求，在限制文本框输入长度的时候，区分中英文，如：中文(全角符号类似)占两个字节，英文则占一个，最近审查代码，发现项目上存在类似需求，组内同学实现了网上经常提到的方案，输入后替换，由于监听的是input事件，导致任何越界输入都会出现闪烁的情况，不同于原生效果。回忆到以前曾经用keydown结合其他事件实现了一版，晚上没事，就尝试重新实现了一下，由于目前项目不考虑非webkit内核浏览器，只在...
React-Native Text，TextInput控件常见问题及解决方案
szk972092933的博客
09-13 7590
1.在使用React-Navtive&lt;Text&gt;标签时，有时会出现一行内容显示不开的情形，此时需要Text的高度随着文字内容的增加，而增加。 &lt;View style={styles.flexRow}&gt; &lt;Text style={styles.text}&gt;啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦 啦啦啦啦啦啦啦啦啦啦啦啦...
React Native 下，TextInput 换行。
qq_34823218的博客
05-17 2973
在RN版本0.44，长文本编辑，使用TextInput。 出现以下问题： 1：点击软键盘中“回车”按钮，软键盘隐藏。 2：设置blurOnSubmit={false}，点击软键盘中“回车”按钮，没有换行。 3：TextInput设置高度，文字默认是居中显示。设置高度自增长，有闪烁。 根据问题来一步步解决 实现效果 1：点击软键盘中“回车”按钮，软键盘隐藏。 blurOnSubmit 强制设为 false 、 2：设置blurOnSubmit={false}，点击软键盘中“回车”按钮，没有换行。
js 统计输入的字数 不包括输入法中的字母
秀强的专栏
03-11 352
文章目录HTMLJavaScript HTML <input maxlength="15" type="text" onkeydown="onkeydown_(event);" onkeyup="onkeyup_(event,thisObj);"> JavaScript //用来判断现在是输入汉字还是字母 var isChinese = false; f...
微信小程序 maxlength ios输入拼音也会被限制
With__Hope的博客
03-02 1342
项目场景： 需要限制输入字数长度，直接使用了 maxlength ，但是在苹果系统中发现存在问题 问题描述： 微信小程序 maxlength ios输入拼音时也会被限制 解决方案： 不使用 maxlength 属性，使用 bind:input 方法 或者 （检测失焦状态）检测内容改变，改变后再进行业务处理，或提醒超出长度，或者直接裁剪； // 字数限制 onInputs(e: any): void { let value = e.detail; const .
React Native TextInput组件输入中文的相关问题
苦逼的程序猿☺
12-13 2794
问题 React Native的TextInput在iOS平台当你设置了value和defaultValue等prop的时候，会发现输入中文，不管用了，会将拼音自动转换为英文字母显示！（Android平台没有这个问题） 在Github上搜索了一下，发现有大量的issue都在说这个事情，不仅中文，在输入韩文，日文的时候会同样存在这个问题！ 原因 在这个issue中，@Swordsman-Inacti...
textarea换行字符数统计-ios兼容的问题(已angular为例)
HXX548888的博客
08-22 557
【代码】textarea换行字符数统计-ios兼容的问题(已angular为例)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值