React native 通过ref确定TextInput是否具有焦点

配置如下：

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

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

类MyComponent扩展组件{
建造师（道具）{
超级（道具）；
this.inputRef=React.createRef（）；
}
...
render（）{
...
...
}
}

---

Q.如何确定TextInput在render（）方法中是否具有焦点？

您可以使用或通过在TextInput中注册onBlur（）和onFocus（）回调函数来创建自定义设置进行检查

e、 g

console.log（“接收到焦点”）}
onBlur={（）=>console.log（“焦点丢失”）}/>

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