使用React Native编程方式展示键盘

Question

如何使用React Native在程序中编程显示TextInput的键盘？使用ScrollView时，在TextInput之间轻触会导致键盘被取消。我想使用TextInput的onFocus方法再次显示键盘。有什么方法可以实现这个目标吗？

- vijayst

Answer 1

请参考您的输入框。

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

当你需要再次聚焦时，请使用：this.myTextInput.focus()

编辑React16

对于React16，请使用React.createRef来创建引用。

- LHIOUI

Answer 2

您的ScrollView需要包括keyboardShouldPersistTaps属性：

<ScrollView keyboardShouldPersistTaps></ScrollView>

- Shawn

---

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

实际上，<ScrollView keyboardShouldPersistTaps='handled'></ScrollView> 提供了稍微更好的用户体验 - 用户可以通过点击其他“可点击”的 UI 元素之外的区域来关闭键盘。 - Marek Lisik

不行，它不起作用。 - showtime

Answer 3

没有ScrollView，只能在iOS上工作。 将此组件放置在您需要键盘出现的代码周围：

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

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

- Gabriel Scalici