react-native - 确定 TextInput 是否通过 ref 获得焦点

Question

配置如下：

class MyComponent extends Component {
    constructor(props) {
        super(props);
     
        this.inputRef = React.createRef();
    }

    ...
 
    render() {
        ...
        <TextInput style={styles.textInput}
           ...                           
           ref={this.inputRef}
        />
        ...
    }
}

问：如何确定 TextInput是否在render()方法中具有焦点？

Answer 1

您可以使用此函数进行检查，也可以通过在 textInput 中注册 onBlur() 和 onFocus() 回调函数来创建自定义设置。

例如

<TextInput
          onFocus={() =>console.log("focus received" ) }
          onBlur={() => console.log("focus lost") } />