react native 获取键盘高度

来源:互联网 发布:企鹅听书软件 编辑:程序博客网 时间:2024/06/05 11:07

利用现在新版react native 提供的接口Keyboard可以直接获取键盘高度,当然以前老版的没有这个接口,查看源码也可以找到对应的实现。

  componentWillMount () {  //将要加载控件    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDi           dShow.bind(this));    this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this._keyboardDi           dHide.bind(this));  }  componentWillUnmount () { //将要销毁控件    this.keyboardDidShowListener.remove();    this.keyboardDidHideListener.remove();  }  _keyboardDidShow (e) {  //当键盘弹出的时候要做的事     e.startCoordinates.height    //拿到的值就是键盘的高度
}
  _keyboardDidHide (e) {   //当键盘收缩的时候要做的事    alert('Keyboard Hidden');  }  render() {    return (      <TextInput        onSubmitEditing={Keyboard.dismiss}      />    );  }}

//老版的react native 如何获取键盘高度如果有需要以后也会贴出来,现在一版都是用新版 API,控件也多了,坑少。





原创粉丝点击