ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

适用于Android的TextInput上的onKeyPress方法

2019-08-28 15:26:27  阅读:249  来源: 互联网

标签:onkeypress textinput android react-native


我一直试图在react-native中的TextInput中捕获键盘的事件.

通过阅读组件的doc(https://facebook.github.io/react-native/docs/textinput.html),我注意到了onKeyPress函数,它完全符合我的需要.但它仅被标记为ios.我没有找到任何关于android解决方法的内容,除了这个问题(https://github.com/facebook/react-native/issues/1882)现在几个月都处于非活动状态…

我需要做的是在按下Backspace时调用一个特定的方法,看起来它现在只能用于ios …

你们知道任何解决方法吗?

提前致谢 :)

解决方法:

我也遇到过这个问题.我可以告诉你,我做了什么.它不优雅,但它会完成这项工作,直到它也为Android实现.

在Android中,您可以在活动中使用handle key events.此外,你可以send events to JavaScript.这就是你需要的一切.

在js文件(例如componentDidMount)中添加监听器.

DeviceEventEmitter.addListener('onKeyPressed', yourFunction)

在您的MainActivity中添加这样的内容.

public boolean onKeyUp(int keyCode, KeyEvent event) {
   WritableMap params;
   // params.put something
   // filter only Backspace events if you wish etc.
   reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                           .emit("onKeyPressed", params);
}

每按一次键就会发送一次.不要忘记删除监听器(例如componentDidUnmount或不再需要它时).此外,如果您有多个TextInput,请跟踪焦点,以免混淆.

希望这可以帮助.

标签:onkeypress,textinput,android,react-native
来源: https://codeday.me/bug/20190828/1752964.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有