Animated native driver does not animate scaleX or scaleY

[Thristhart]

Environment

1. react-native -v:

react-native-cli: 2.0.1
react-native: 0.60.6

2. npm ls rnpm-plugin-windows:

[email protected]

3. npm ls react-native-windows:

[email protected]

4. node -v:

v10.15.0

5. npm -v:

6.4.1

• Target Platform Version(s): 10.0.18362

• Target Device(s): Desktop, Xbox

• Visual Studio Version: 2019

• Build Configuration: Debug and Release

Steps to Reproduce

1. Pass a style to an Animated.View that contains a transform scaleX or scaleY set to an Animated.Value
2. Use Animated.timing to animate that Animated.Value to a new value, with useNativeDriver: true

Expected Behavior

The View would be scaled along its X or Y axis.

Actual Behavior

Nothing happens. The scale doesn't appear to apply at all.

Reproducible Demo

const ScaleAnimationRepro = () => {
  const scaleAnimated = useRef(new Animated.Value(1));

  const animatedStyle = {
    transform: [{scaleX: scaleAnimated.current}],
    width: 64,
    height: 64,
  };

  const onPress = () => {
    Animated.timing(scaleAnimated.current, {
      duration: 400,
      toValue: 2,
      easing: Easing.linear,
      useNativeDriver: true,
    }).start();
  };

  return (
    <>
      <Animated.View style={animatedStyle}>
        <Text>Scales up</Text>
      </Animated.View>
      <TouchableOpacity onPress={onPress}>
        <Text>Press to toggle animation.</Text>
      </TouchableOpacity>
    </>
  );
};

(Note that this min repro was written as a function component. See #3460 for an example of how to rewrite a function component as a class component).

Additional context

• scale works, scaleX and scaleY do not.
• Works in 0.60.0-vnext.30, broke somewhere between that and 0.60.0-vnext.41. I would guess Fix two crashes from NativeAnimatedExamples #3400