强制聚焦ReactNative TextInput

时间:2018-10-11 10:39:19

标签: react-native react-native-android react-native-ios react-native-textinput

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

但是在模糊之后,我需要按文本输入框,但是由于设计原因,它被隐藏了。有没有办法在document.getElementById("myText").focus();之后可以调用onBlur()来响应本机?

干杯。

1 个答案:

答案 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