Matrix transform support

Hey, is there any way to use animated values from this lib inside matrix transformation? I have few animations where I had to change transform origin and since it’s not supported in react native, matrix was the least hacky way to do that, unfortunately I’m getting cryptic error:

Basic sample:

import A from 'react-native-reanimated';

const deg = new A.Value(23);
const rad = A.multiply(A.divide(Math.PI, 180), deg);
const cos = A.cos(rad);
const sin = A.sin(rad);
const zAxisRotation = [
    cos, -sin, 0, 0,
    sin, cos, 0, 0,
    0, 0, 1, 0,
    0, 0, 0, 1,
];
const Sample = () => {
    return (
        <A.View
            style={{
                transform: [{
                    matrix: zAxisRotation,
                }]
            }}
        />
    );
};

[raffaeler]

@wcandillon you pull request is definitely useful, but matrices are not limited to transforms. The entire graphics world is built on matrix support and most of the graphics algorithms are based on matrices. Not having matrices support in the codebase is like using tricycle instead of a motorbike 😉

[wcandillon]

I’m adding support to an accumulatedTransform() function in redash that solves the issue of keeping the state of a transformation into a matrix: https://github.com/wcandillon/react-native-redash/pull/224/files

It looks like matrices may never need to be exposed to React Native developers as a public API, which I find exciting 😃