react-native-fiesta icon indicating copy to clipboard operation
react-native-fiesta copied to clipboard

UI is not touchable after the animation was executed

Open Sailoshi opened this issue 1 year ago • 1 comments

Describe the bug When an animation was executed, I can't interact with my app anymore. It's like there is an invisible Container overall. I need to restart the app.

To Reproduce I am using the runFiesta hook inside a navigating container/stack together with s button onPress.

Expected behavior I can still interact with my app/UI after running an animation.

Do you have any idea how such behavior occurs?

Sailoshi avatar Oct 12 '23 15:10 Sailoshi

I have the same problem using expo sdk50 beta with EmojiPopper

kations avatar Jan 08 '24 17:01 kations

By default, the Canvas has pointer events that block the UI. For the Poppercomponent for example, the pointer events are now disabled by default to avoid this as the Fiesta components are not intended to have pointer events – but in case you are using an individual animation that doesn't have this property, you can disable it as below:

<Canvas pointerEvents="none">
  <YourSkiaComponent />
</Canvas>

Will be added to the docs as well for future reference.

mateoguzmana avatar Jun 08 '24 22:06 mateoguzmana