react-native - 强制聚焦 ReactNative TextInput

Question

我在强制聚焦 react native TextInput 字段时遇到问题。当使用 autofocus={true} 加载页面时，它会聚焦。

但在模糊之后我需要按下文本输入字段，但由于设计原因它被隐藏了。有没有办法 document.getElementById("myText").focus(); 在 react native 中我可以在 onBlur() 之后调用？

干杯。

Answer 1

您需要分配 TextInput字段为 ref像这样:
<TextInput ref={ref => (this.ref = ref)} />


然后您可以通过运行 focus() 以编程方式聚焦它在上面，像这样:
this.ref.focus();


这是我在按下按钮时运行聚焦/模糊功能的小点心: https://snack.expo.io/@marcelkalveram/auto-focus-input-field-using-ref

为您的导航场景复制它应该很容易。

如果您使用的是 react-navigation，这是您感兴趣的文档部分:https://reactnavigation.org/docs/en/navigation-prop.html#addlistener-subscribe-to-updates-to-navigation-lifecycle