Add support for animating transform matrices #2511
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
This change adds support for animation transform matrices. Before, it was only possible to animate attributes that are either numbers or ones representing colors (e.g.
rgba(r,g,b,a)
or#eae
). In react-native it is possible to not only provide transform as a list of operations liketranslate
orscale
but also by sending the full affine transform matrix (4x4 matrix represented as an array of 16 elements). This change makes it possible for reanimated to recognize such matrix and animate its transforms accordingly.Changes
Test code and steps to reproduce
See newly added example
Example/test/TestApp.js
that demonstrate that changes made to matrix transform can be animated.Checklist