强制聚焦 ReactNative TextInput
Force focus ReactNative TextInput
我在强制聚焦反应本机 TextInput 字段时遇到问题。
当页面加载 autofocus={true}.
时，它会聚焦
但是在模糊之后我需要按下文本输入字段，但由于设计原因它被隐藏了。有没有办法 document.getElementById("myText").focus(); 在 onBlur() 之后调用本机反应？
干杯。
您需要像这样将 TextInput 字段分配给 ref：
<TextInput ref={ref => (this.ref = ref)} />
然后您可以通过 运行ning focus() 以编程方式将其聚焦，如下所示：
this.ref.focus();
这是一个小点心，我在按下按钮时 运行 focus/blur 函数：
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
我在强制聚焦反应本机 TextInput 字段时遇到问题。
当页面加载 autofocus={true}.
但是在模糊之后我需要按下文本输入字段，但由于设计原因它被隐藏了。有没有办法 document.getElementById("myText").focus(); 在 onBlur() 之后调用本机反应？
干杯。
您需要像这样将 TextInput 字段分配给 ref：
<TextInput ref={ref => (this.ref = ref)} />
然后您可以通过 运行ning focus() 以编程方式将其聚焦，如下所示：
this.ref.focus();
这是一个小点心，我在按下按钮时 运行 focus/blur 函数： 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