强制聚焦ReactNative TextInput

Question

我在强制集中反应本机TextInput字段方面遇到麻烦。 当页面加载autofocus={true}时会重点关注。

但是在模糊之后，我需要按文本输入框，但是由于设计原因，它被隐藏了。有没有办法在document.getElementById("myText").focus();之后可以调用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