我有一个TextInput
:
<TextInput value={this.state.text} onChangeText={text => this.setState({text})} />
用户键入一些内容,然后单击一个按钮:
<Button onPress={this.myCallBack} />
回调基本上使用this.state.text
将其添加到TextInput
外部显示的项目列表中,然后重置this.state.text
:
myCallBack = () => {
// something using this.state.text
// ...
this.setState({ text: null });
}
它与我测试过的所有键盘(三星键盘除外)都可以正常工作。这是发生了什么:
TextInput
变为空-如预期; this.state.text
。
注意:在这种情况下,焦点始终停留在TextInput
上。我尝试添加属性autoComplete ="off"
和autoCorrect={false}
。它可以工作,但是我想保留自动完成功能,所以我不想使用这些解决方案。我还希望将注意力集中在TextInput
上,以便用户可以快速添加许多项目,而无需再次出现键盘消失。
我也将myCallBack
绑定到onSubmitEditing
属性,并且它在Samsung键盘上可以正常使用。但我希望用户也能够使用该按钮。
以前有人遇到过这种问题吗?您是如何解决的?