我想在键盘隐藏时禁用滚动,在键盘出现时启用。
任何帮助将不胜感激。提前谢谢你。
反应原生版本:0.50.3
https://facebook.github.io/react-native/docs/keyboard.html
有键盘显示和隐藏的侦听器。
您可以使用这些功能 keyboardDidshow 和 keyboardDidHide 来启用和禁用滚动视图。
import React, { Component } from 'react';
import { Keyboard, TextInput } from 'react-native';
class Example extends Component {
componentWillMount () {
this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow);
this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this._keyboardDidHide);
}
state {
toScroll: false
}
componentWillUnmount () {
this.keyboardDidShowListener.remove();
this.keyboardDidHideListener.remove();
}
_keyboardDidShow () {
this.setState({ toScroll: true });
}
_keyboardDidHide () {
this.setState({ toScroll: false });
}
render() {
const { toScroll } = this.state;
return (
<ScrollView scrollEnabled={toScroll}>
<View />
</ScrollView>
);
}
}