【问题标题】:Focus Does Not Work for React Native TextInput焦点不适用于 React Native TextInput
【发布时间】:2016-10-26 18:57:01
【问题描述】:

我有一个多行文本输入,我想在 onComponentDidMount 函数中关注它。如果我只是将 autoFocus 属性设置为“true”,那么一切正常。但是如果我想通过this.refs.myRefName.focus() 手动聚焦,我会收到一个错误消息,通知我这不是一个函数。但是,我之前在 React Native 中使用过它来达到预期的效果(我目前使用的是 v0.36.0)。那么,现在如何手动聚焦文本输入呢?

【问题讨论】:

  • 你在哪个操作系统上测试这个?
  • 我使用 RN v.0.34.1 创建了一个最小示例。通过按下按钮或在组件安装上切换焦点到多行TextInput 完美无瑕。你能发布一些代码吗?您确定您使用的是componentDidMount 而不是onComponentDidMount
  • 好吧,在摸索了一下之后,事实证明,如果您有一个通过Animated.createAnimatedComponent 制作动画的文本输入,则模糊/焦点会导致函数在 ref 上不存在错误文本输入。这是一个应该修复的错误。

标签: reactjs react-native


【解决方案1】:

自动对焦现在可以在 android 上使用这个拉取请求 pull request 不需要在 componentDidMound 中调用 focus() 函数。只需设置 autoFocus={true} 即可。

【讨论】:

    猜你喜欢
    • 2020-06-06
    • 2016-03-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-08
    • 2018-08-07
    • 2015-06-07
    • 2020-04-25
    相关资源
    最近更新 更多