Enable animating transform matrix

Summary:
With the addition of AnimatedObject, animating prop values with arbitrary map/array nestings are possible (including transform matrix).

Note: this is only enabled when ReactNativeFeatureFlags.isAnimatedObjectEnabled is true.

Changelog:
[General][Added] - Enable animating skew in transforms with native driver

Differential Revision: D45055381

fbshipit-source-id: d03af536c84d4b9b48173a6a76ab491fae0226f4

packages/react-native/Libraries/Animated/NativeAnimatedHelper.js

@@ -427,6 +427,7 @@ const SUPPORTED_TRANSFORMS = {
   perspective: true,
   skewX: true,
   skewY: true,
+  matrix: ReactNativeFeatureFlags.isAnimatedObjectEnabled(),
 };
 
 const SUPPORTED_INTERPOLATION_PARAMS = {

packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js

@@ -30,7 +30,10 @@ function createAnimatedStyle(
   const animatedStyles: any = {};
   for (const key in style) {
     const value = style[key];
-    if (key === 'transform') {
+    if (
+      !ReactNativeFeatureFlags.isAnimatedObjectEnabled() &&
+      key === 'transform'
+    ) {
       animatedStyles[key] = new AnimatedTransform(value);
     } else if (value instanceof AnimatedNode) {
       animatedStyles[key] = value;