如何在本机

时间:2016-06-01 13:10:34

标签: keyboard react-native textinput

我面临的问题是,关闭系统键盘似乎没有api。在我的代码中,组件呈现方法如下所示:

<TouchableOpacity onPress={()=>{alert("1111")}}>
    <Text>Alert</Text>
</TouchableOpacity>
<TextInput/>

因此,如果我现在按下TextInput,系统键盘将按预期显示。但是当我按下上面的文本Alert时,我只想关闭系统键盘(并发出警告)。但我尝试使用win7在0.23.1中,按下的文本Alert将不会关闭系统键盘。我该怎么做才能解决这个问题?

2 个答案:

答案 0 :(得分:0)

如果您在TextInput中添加引用,则可以在onPress上为其调用blur()。相反,您始终可以通过调用focus()来切换键盘。

<TouchableOpacity onPress={()=>{
  this.refs.Input.blur()
  alert("1111")
}}>
  <Text>Alert</Text>
</TouchableOpacity>
<TextInput ref="Input"/>

答案 1 :(得分:0)

试试这个

import { Keyboard } from 'react-native;

<TouchableOpacity onPress={() => {Keyboard.dismiss()}}> <Text>Alert</Text> </TouchableOpacity> <TextInput ref="Input"/>