在react-native中隐藏键盘

如果我点击一个文本输入，我希望能够点击其他地方，以便再次取消键盘(不是返回键)。在我读过的所有教程和博客文章中，我没有发现一丁点关于这方面的信息。

这个基本的例子在模拟器中的react-native 0.4.2中仍然不能为我工作。还不能在我的iPhone上试试。

<View style={styles.container}>
  <Text style={styles.welcome}>
    Welcome to React Native!
  </Text>
  <Text style={styles.instructions}>
    To get started, edit index.ios.js
  </Text>
  <Text style={styles.instructions}>
    Press Cmd+R to reload,{'\n'}
    Cmd+D or shake for dev menu
  </Text>
  <TextInput
    style={{height: 40, borderColor: 'gray', borderWidth: 1}}
    onEndEditing={this.clearFocus}
  />
</View>

当前回答

在ScrollView中使用

keyboardShouldPersistTaps="handled"

这个可以帮到你。

2017-12-31 12:05:54

其他回答

键盘模块用于控制键盘事件。

import {Keyboard} from 'react-native' 在渲染方法中添加以下代码。呈现(){ 返回<TextInput onSubmitEditing={键盘。驳回}/ >; ｝

你可以使用-

Keyboard.dismiss()

解散活动键盘，并根据react本机文档删除焦点。

2019-04-11 17:08:50

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

方法2;

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

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

2016-10-07 12:30:58

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

2021-10-01 08:52:21

使用ScrollView而不是View，并将keyboardShouldPersistTaps属性设置为false。

<ScrollView style={styles.container} keyboardShouldPersistTaps={false}>
    <TextInput
        placeholder="Post Title"
        onChange={(event) => this.updateTitle(event.nativeEvent.text)}
        style={styles.default}/>
 </ScrollView>

2015-07-19 17:44:10

在ScrollView中使用

keyboardShouldPersistTaps="handled"

这个可以帮到你。

2017-12-31 12:05:54

在react-native中隐藏键盘

推荐文章

最新文章

标签