React-native-reanimated: Is Reanimated limited to the same animatable style properties as Animated?
Description
I couldn't find anything for this in the documentation, but I was wondering if animating properties such as height or top are supported by the reanimated API to run natively, or if they are limited to JS-animations like in the default Animated API?
mrousavy
All 2 comments
AFAIK you can animate those, but performance will be decreased - changing height, width, margins, padding etc involves recalculating layout - you don't want to do it every frame.
Related: https://github.com/software-mansion/react-native-reanimated/issues/376#issuecomment-582292525
jakub-gonet
on 14 Jun 2020
In my reanimated-gallery project, I use height/width as well as top and left (instead of translate just to be in sync with dimensions, because they are both updated on native thread) for image lightbox transition. Works great. But still these require recalculation on each frame which causes them to be async. So if you going to use both layout properties and transforms, you'll see they are not in sync.
terrysahaidak
on 14 Jun 2020
Related issues
ArsalanCsquare
路
3Comments
colinux
路
3Comments
robertgonzales
路
3Comments
hosseinmd
路
3Comments
dinhmai74
路
3Comments
Most helpful comment
In my reanimated-gallery project, I use height/width as well as top and left (instead of translate just to be in sync with dimensions, because they are both updated on native thread) for image lightbox transition. Works great. But still these require recalculation on each frame which causes them to be async. So if you going to use both layout properties and transforms, you'll see they are not in sync.