使用这个包react-native-keyboard-aware-scroll-view

使用该组件作为根组件

因为这个包react-native-keyboard-aware-scroll-view也有一个scrollView，你需要添加这个:

< KeyboardAwareScrollView keyboardShouldPersistTaps =“不同”> < ScrollView keyboardShouldPersistTaps = "不同" > < / ScrollView > < / KeyboardAwareScrollView >

我是React的新手，在制作演示应用程序时遇到了完全相同的问题。如果你使用onStartShouldSetResponder道具(此处描述)，你可以在一个普通的旧React. view上抓取触摸。很想听听更多经验丰富的反应者对这一策略的看法/如果有更好的策略，但这对我来说是有效的:

containerTouched(event) {
  this.refs.textInput.blur();
  return false;
}

render() {
  <View onStartShouldSetResponder={this.containerTouched.bind(this)}>
    <TextInput ref='textInput' />
  </View>
}

这里需要注意两点。首先，正如这里讨论的，还没有结束所有子视图编辑的方法，所以我们必须直接引用TextInput来模糊它。其次，onStartShouldSetResponder被它上面的其他可触摸控件截获。因此，在容器视图中点击TouchableHighlight等(包括另一个TextInput)将不会触发事件。但是，在容器视图中单击Image仍然会关闭键盘。

将此用于自定义撤销

var dismissKeyboard = require('dismissKeyboard');

var TestView = React.createClass({
    render: function(){
        return (
            <TouchableWithoutFeedback 
                onPress={dismissKeyboard}>
                <View />
            </TouchableWithoutFeedback>
        )
    }
})

const dismissKeyboard = require('dismissKeyboard');
dismissKeyboard(); //dismisses it

方法2;

感谢用户@ricardo-stuven指出这一点，还有另一种更好的方法来消除键盘，你可以在react原生文档的例子中看到。

简单地导入键盘并调用它的方法dismiss()

在ScrollView中使用

keyboardShouldPersistTaps="handled" 

这个可以帮到你。

使用keyboard .dismiss()在任何时候解散键盘。