React Native Android:TextInput的autoCorrect={false}未完全生效问题
autoCorrect={false}只禁用输入建议,下划线却没消失?我来给你支招 我之前也踩过这个坑!当初设置autoCorrect={false}的时候,满心以为能直接进入无拼写检查的纯输入模式,结果发现输入建议确实没了,但文本下面的红色波浪下划线还顽固地留在那儿——和你2018年8月18日更新描述的情况一模一样。
要彻底干掉这些下划线,光靠autoCorrect可不够,得搭配几个属性一起用:
- 加上
autoCapitalize="none":不仅能关掉自动大写,部分平台会跟着把拼写检查的样式也取消掉 - 强制设置
spellCheck={false}:这个属性是明确告诉系统“别做拼写检查”,绝大多数场景下能直接移除下划线 - 如果是在移动端WebView或者某些特殊输入法环境下,试试加
inputmode="text",指定纯文本输入模式,避免系统自作主张启用拼写检查
给你贴个实际能用的代码示例:
<TextInput autoCorrect={false} autoCapitalize="none" spellCheck={false} inputmode="text" // 你的其他输入框属性... />
另外要提一句,不同平台(iOS/Android)甚至不同版本的系统对这些属性的支持度不一样,2018年那会儿的兼容性问题到现在虽然有改善,但偶尔还是会遇到特殊情况,所以组合使用这些属性是最稳妥的方案。
内容的提问来源于stack exchange,提问作者ericjam
相关产品推荐
相关产品推荐

