react native 获取键盘高度

利用现在新版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,控件也多了,坑少。





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值