textinputref.isfocused is not a function

[mulayam1005]

I have encountered this error while usign useRef hook

can you please give an example how to use this with useRef hook or functional component.

Here is my code:

const [household, setHousehold] = useState('')
const householdRef = useRef(null)

return(
 <KeyboardAwareScrollView getTextInputRefs={() => { return [householdRef] }} style={styles.container}>
    <TextInput multiline={true} placeholderTextColor={inputPlaceholderTextColor} placeholder='write your answer here..' style={styles.input} />
    <TextInput multiline={true} placeholderTextColor={inputPlaceholderTextColor} placeholder='write your answer here..' style={styles.input} />
    <TextInput multiline={true} placeholderTextColor={inputPlaceholderTextColor} placeholder='write your answer here..' style={styles.input} />
    <TextInput multiline={true} placeholderTextColor={inputPlaceholderTextColor} placeholder='write your answer here..' style={styles.input} />
    <TextInput {...props} ref={householdRef} multiline={true} placeholderTextColor={inputPlaceholderTextColor} placeholder='write your answer here..' style={styles.input} />
 </KeyboardAwareScrollView>
)

This is just a test so i have set only one ref.

{
 "versions": {
           "react": "16.13.1",
           "react-native": "0.63.2",
           "react-native-keyboard-aware-scrollview": "^2.1.0",
 },
"device": "iPhoneX"
}

[leiwan5]

Try householdRef.current ?

[sufyansalim]

Try householdRef.current ?

hi could you explain how to add this in the above code?

[leiwan5]

It depends on how you get the reference. If you set a function to the prop ref, you would get a instance and you would be able to use ref.isFocused(). But is a deprecated way, instead using a Ref object created with useRef is recommanded. Here is some sample code. You can check out the documentation of useRef.

const ref = useRef(null);
<TextInput ref={ref} ... />
ref.current?.isFocused()

Try householdRef.current ?

hi could you explain how to add this in the above code?