首页 > 解决方案 > 如何使 TextInput 可编辑并同时关注它?

问题描述

我有以下代码:

    const handleClick = () => {
        setToggleEditable(true);
        textInput.current.focus();
    }

按下按钮时会触发此操作,将带有 ref "textInput" 的 TextInput 设置为可编辑,然后尝试关注它。但是,第一次按下按钮时,它从不关注它。我认为这是因为 TextInput 尚未完成设置为可编辑,因此无法专注于它。有什么办法可以改变这个吗?

标签: react-native

解决方案


我有一个类似的问题,我通过在按下按钮后等待一点(100-150 毫秒)然后专注于 textinput 来修复它

  focusOn = (ref: TextInput) => {
    setTimeout(() => ref.focus(), 100)
  }

推荐阅读