activeCursor prop

[m-bert]

Description

This PR adds activeCursor prop which allows users to change cursor appearance upon handler activation. Initially it was added in 2.6.1 as a response to this issue. However, not everyone liked the idea (which is understandable), so we decided to turn this change into property. This way anyone who was using it still will be able to do so, and those who didn't like the change don't have to remove it on their own.

Old API example

<PanGestureHandler activeCursor="grab">
      <View style={styles.box}></View>
</PanGestureHandler>

New API example

  const panGesture = Gesture.Pan().activeCursor('wait');

  return (
    <GestureDetector gesture={panGesture}>
      <View style={styles.box}></View>
    </GestureDetector>
  );

Test plan

Tested on example app

[j-piasecki]

🚀

[hirbod]

@j-piasecki what about the exported Buttons? On web, they also did turn into a hand when a link was clicked. Can we make this configurable as well?

[m-bert]

Hi @hirbod! Which Buttons do you have in mind? I've just checked RectButton and BaseButton and they both support activeCursor prop. Is there something that I've missed?

[hirbod]

@m-bert I had to restart the TS Server, sorry about that. It didn't autocomplete the prop for me in my tests.

[hirbod]

@m-bert I tried to replicate inside this snack but it seems like it still turns the cursor into a grabbing hand (try the 2nd button)

Will need to test outside of Snack but it should work, even though its not the recommended version for snack.

Bildschirmaufnahme.2023-09-19.um.12.41.16.mp4

[m-bert]

@hirbod, have you managed to test that outside of Snack? While I do see this problem while using expo snack, it works fine outside of it.

[hirbod]

@m-bert I can confirm that it works as expected outside of Snack.