如何监听键盘事件 获取键盘高度呢?



  • 键盘事件是什么模块?
    需要根据键盘高度调整输入框的位置



  • 可以使用 DeviceEventEmitter 监听 keyboardDidShowkeyboardDidHide 事件,分别是键盘显示和隐藏的事件。

    import { DeviceEventEmitter } from 'react-native';
    
    .....
    
    let listener1 = DeviceEventEmitter.addListener(
      'keyboardDidShow',  (keyboard) => {  }
    );
    let listener2 = DeviceEventEmitter.addListener(
      'keyboardDidHide', () => { ... }
    )
    

    componentWillUnmount 时记得要取消事件的监听:

    listener1.remove();
    listener2.remove();
    


  • @wosuopu 谢了,成功使用!
    我用的29.2版本 有警告
    'keyboardDidShow' event should be registered via the Keyboard module
    不明白如何注册组件



  • @wosuopu
    原来新版本有Keyboard模块了,知道了,谢谢你了!
    非常感谢!



  • @wosuopu 还有一个问题 当用户点击表情时如何关闭键盘,显示表情列表


登录后回复