Pointer Events in React Native

[lunaleaps]

Discussion dedicated to Pointer Events as announced in this blog post.

If you have any questions or feedback on this work, let's discuss!

[lgxm3z]

Not a question, just a big thank you ❤️ for your effort and everyone who has been contributing to this feature. I believe that this is the way to open up several possibilities for React Native to explore more of each environment that it will be running in the near future with the same code base. Can't wait for this to move out of experimental stage and for React Native Web binding these new events and stuff. I think I've been dreaming about these events for a few years, but now it's becoming a reality and it gets even more amazing coming officially within react native itself.

[julia-script]

This is very cool, thank you!

I'm trying to set it up and I can't make it work for the life of me..I have experience with React but not so much with react-native.
I can't get it to work on ios.

I also made this code sandbox example. I'm not sure it should work on the web anyway as the blog post doesn't directly mention it
https://codesandbox.io/s/frosty-mcclintock-kjd5vf?file=/src/index.js

any tips?

EDIT: got it to work. I stumbled in this line of code and found out I had to have Fabric enabled
https://github.com/facebook/react-native/blob/17f221c85282c2aa00cd1d0303930a76182513a1/Libraries/Inspector/DevtoolsOverlay.js#L184

maybe that's obvious for someone more familiar with react-native ecosystem, still, I think it'd be nice to mention that in the blog post..

Thank you all

[julia-script]

yea, that's what I meant

[lunaleaps]

Thanks @julia-script for the feedback! Just updated our 0.71 disclaimer to clarify that "New Architecture" refers to Fabric and linked to our docs on how to enable!

[stmiller-shamrock]

I am wondering if this will work with an Expo app or if I am just doing something wrong. I went through the process of setting the feature flags in JS, Android, and iOS. I was able to add them to a component and then no events. The other weirdness I ran into was I am not sure if the types are correct, because with TypeScript, it wouldn't allow me to add the onPointerOver prop but did allow pointer events not even listed in the article.

I don't know all the ins and out of Expo. I was just thinking maybe because of Expo Go, that I couldn't set those feature flags natively. I normally don't use Expo, but I am writing a tutorial on pointer events and it was easy to get started that way.

[vincentriemer]

I'm fairly certain Expo doesn't support the new architecture yet (i.e. Fabric) so even with the feature flags enabled it still would not work due to the implementation only targeting Fabric.

[stmiller-shamrock]

Cool thanks! That helps. I've been messing with this for hours.