Shrink via scaleXY Animation

[martco]

Currently I am able to animate <View /> growth using AnimationExperimental.startAnimation:

I would like to shrink instead of grow, however:

Here's the object I pass to startAnimation:

{ node: n, duration: 7000, easing: 'easeInOutCubic', property: 'scaleXY', toValue: [2,2] };

I've tried positive and negative number for the toValue.

How do I shrink?:

I've dug through the issues and have seen a few related things. Does the <View /> not have layout, and that's why I can't shrink?

Thanks!

[sophiebits]

Have you tried a number between 0 and 1?

[martco]

@spicyj yes but it still grows, not shrinks. I thought it was because I absolutely positioned the node, but I removed that and it still doesn't work.

[brentvatne]

@martco - this is a bug with AnimationExperimental that has come up on numerous occasions - the AnimationExperimental library is on its way out and I'd recommend using a plain react library such as react-tween-state, see #722