Animations are frozen on View.Animated with PanResponder

[pythys]

bug report

Animations are disabled when my <View> is surrounded by <ViewShot>...</ViewShot>. This happens when I have an sub-views that are of type Animated.View and I use a PanResponder to handle user clicks

Version & Platform

3.1.2 on Android

Expected behavior

Animation should work fine and ViewShot should not disable animations.

Actual behavior

Animations freeze and I cannot click or move things about.

Steps to reproduce the behavior

• Create a view
• Inside that view create an animated view
• Assign a PanResponder to the animated view to allow for having interactive animation (e.g. move)
• Surround the outer view with <ViewShot>
• Observe the freeze

[sataporn8063]

me too animation loading is freeze on android while viewShot.capture() is working
any solution or workaround ?

[pythys]

I think the problem revolves around PanResponder. My solution was a bit of a hack:

1. Save the state of animation
2. Make the introduction of Viewshot programmatic and conditional (like tapping a button for example)
3. On certain event add the viewshot component using the saved state to keep everything where it was

[deCodeIt]

Can't we put the capture to background thread rather than main UI thread?

[gre]

it is better not to use <ViewShot> in that case but directly the imperative API. using a ref. 3.3.0 introduced a background task for Android so it doesn't "lag" on the UI neither so it should help on that matter too. 🤞