使用React native以编程方式显示键盘

Question

如何使用react native以编程方式显示TextInput的Keyboard？使用ScrollView，在TextInput之间点击会导致键盘被解除。我想使用TextInput的onFocus方法再次显示键盘。无论如何要做到这一点？

Answer 1

考虑引用textInput：

<TextInput ref={(ref)=>{this.myTextInput = ref}} />

当您必须再次关注时，请使用：this.myTextInput.focus()

修改React16

对于react16，请使用React.createRef创建参考。

Answer 2

您的ScrollView需要包含 keyboardShouldPersistTaps 道具：

<ScrollView keyboardShouldPersistTaps></ScrollView>

Answer 3

没有ScrollView，仅在ios上有效。 将这个组件放在需要键盘出现的代码周围：

<ScrollView keyboardShouldPersistTaps='always'>
</ScrollView>

链接：https://reactnative.dev/docs/scrollview#keyboardshouldpersisttaps