Call onBlur on tap of outside the textInput component

Asked Sep 04 '20 at 13:43

Active Sep 04 '20 at 13:43

Viewed 771 times

render(){
   return(
      <View style={{ flex:1 }}>
         <TextInput style={{ backgroundColor:'red'}} onFocus={() => alert('Focued')}
            onBlur={() => alert('Blurred') } 
         />
      </View>
   )
}

In the above code snippet when I click on textinput the focus operation is working, but when I click outside the textinput component onBlur is not triggered.

I don't want to enclose the component in scrollview

could any one help me out on this.

asked Sep 04 '20 at 13:43

Shariq

This link might solve your bug https://stackoverflow.com/a/47347235/12779513 – Yagizhan Avci Sep 04 '20 at 14:05
2

@Yagaizhan , my scenario is I will click on textinput and then I won't type anything and just tap outside the textinput . In this scenario I am not able to fire onBlur – Shariq Sep 04 '20 at 14:11
Were you able to find a solution? I also am trying. – Noitidart Jan 11 '22 at 23:27
@Noitidart yes i was able to solve the issue.. – Shariq Jan 13 '22 at 04:02
@Shariq can you please share solution, I'm still struggling. – Noitidart Jan 13 '22 at 13:34
@Noitidart can you please share the code snippet. – Shariq Jan 14 '22 at 04:42
@Shariq I don't have any working solution on how to detect tap outside of :( – Noitidart Jan 15 '22 at 01:25

Call onBlur on tap of outside the textInput component

0 Answers0