我在强制集中反应本机TextInput字段方面遇到麻烦。
当页面加载autofocus={true}
时会重点关注。
但是在模糊之后,我需要按文本输入框,但是由于设计原因,它被隐藏了。有没有办法在document.getElementById("myText").focus();
之后可以调用onBlur()
来响应本机?
干杯。
答案 0 :(得分:3)
您需要将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