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