react-native-keyboard-spacer如何使用onToggle

Question

我正在使用react-native-keyboard-spacer。 我想实现自动弹出键盘的功能。 文档说onToggle method is called when when keyboard toggles. Two parameters passed through, keyboardState (boolean, true if keyboard shown) and keyboardSpace (height occupied by keyboard) 谁能告诉我一个如何实现这个目标的例子？

Answer 1

当键盘显示或隐藏时，

onToggle被调用。如果您想在没有用户点击任何内容的情况下弹出键盘，那么您需要在textInput上focus()。

Answer 2

在切换键盘之后，

onToggle（）仅被称为。要实现所需的功能，只需使用TextInput中的内置方法在组件完成安装时聚焦输入：

componentDidMount() {
    this._myTextInput.focus();
}

render() {
    return (
      <TextInput
        style={{height: 40}}
        ref={component => this._myTextInput = component}
        />
    );
}

Answer 3

handleOnToggle(keyboardState, keyboardSpace) {
    // Do whatever you want with keyboardState
}

render() {
    return <View>
        <KeyboardSpacer onToggle={this.handleOnToggle} />
    </View>
}