Picker component does not have an onTouch property about picker

[DaRizat]

So I solved this problem for myself by wrapping the Picker component with a view configured like this:

     <View
          onStartShouldSetResponder={() => true}
          onResponderGrant={(event) => /* Handle touched state here */}
     >
         <Picker> ... </Picker>
     </View>

The onResponderGrant event fires when the Picker is touched and from there you can manage the touched state of the input.
I believe the Picker component inherits these listeners itself so there's probably no need for the wrapper View but I had it there for style already so I chose to put the listeners there.

[villanuevadani]

@clamiax did you manage to try that with Pressable?

[programminPete]

@DaRizat - that worked for me - thank you! Note - I did need to use the wrapper; putting the responder events on the Picker itself didn't trigger

For my case, I have another button to advance screen after setting the value from , but if someone pushed button very quickly after changing the picker it wouldn't set state correctly in time. But using your wrapper technique I was able to disable the button while moving and re-enable once the onValueChange event fired - good stuff! thanks

[donatas-vindzigalskis]

This issue was moved from react-native library, as suggested by @TheSavior 's comment, link to the pull request raised on react native repository.

[jainkuniya]

hi @donatas-vindzigalskis, can you try wrapping picker component with touchable components like TouchableHighlight?

[bitsmanent]

hi @donatas-vindzigalskis, can you try wrapping picker component with touchable components like TouchableHighlight?

Just tried and doesn't works. I can't currently try with new Pressable API though.

[bitsmanent]

@clamiax did you manage to try that with Pressable?

@villanuevadani No, I will need to upgrade my project which I can't do right now.

[tetianastepova]

I tried it with Pressable and no luck.

Does anyone know any workaround for this?
This is so strange that such an important thing is missing in library that is advised by react-native documentation...

[Naturalclar]

🎉 This issue has been resolved in version 1.16.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀