当我触摸我的文本输入时,我希望键盘不显示 - React-Native

时间:2017-07-26 09:35:50

标签: react-native

当我触摸我的文本输入时,我想要键盘根本不显示。如果我使用'Keyboard.dismiss'我将焦点放在我的文本输入上我使用自定义键盘,它本身就是我的屏幕的一部分所以我不喜欢我希望任何键盘都不显示,而不会忽视我的文本输入,任何解决方案都可以。我尝试过使用库但是一次又一次地遇到同样的问题我该怎么办。这里是我正在使用的代码

<TextInput onFocus={Keyboard.dismiss}>

enter image description here

4 个答案:

答案 0 :(得分:5)

使用<TextInput showSoftInputOnFocus={false} /> 当您专注于文本输入时,它将隐藏键盘。

答案 1 :(得分:0)

正确的方法是用键盘封装视图调用Keyboard.dismiss() 你应该使用TouchableWithoutFeedback,以便在点击它时应该禁用 键盘

<TouchableWithoutFeedback onPress={Keyboard.dismiss}>
    <TextInput keyboardType='numeric'/>
</TouchableWithoutFeedback> 

尝试这可能是它可以解决问题

答案 2 :(得分:0)

有一个道具“可编辑”。 请尝试一下。

`<TextInput editable={false}> Happy Coding :) </TextInput>`

答案 3 :(得分:0)

ReactNative TextInput具有showSoftInputOnFocus属性,这是由于文档应隐藏键盘。但似乎不起作用。

我找到了这个解决方案,对我有用:

 <>
<TouchableWithoutFeedback onPress={this.toggleVisible}>
  <View>
    <View pointerEvents="none">
      <Input
        value={String(value)}
        placeholder={placeholder}
      />
    </View>
  </View>
</TouchableWithoutFeedback>
<DateTimePicker
  isVisible={this.state.visible}
  onConfirm={onChange}
  onCancel={this.toggleVisible}
/>