Add support for remaining synchronous props on Android

[tomekzaw]

Summary

This PR adds support for the animating remaining synchronous props using a fast path on Android (which is still hidden behind ANDROID_SYNCHRONOUSLY_UPDATE_UI_PROPS static Reanimated feature flag).

After this change, all props from NativeAnimatedAllowlist.js are supported, except for scaleX, scaleY, translateX, translateY (which are deprecated outside of transform), shadowOffset, shadowOpacity (which are not supported on Android at all) and color (which doesn't work for some unknown reason).

Even though elevation and zIndex are supposed to be integers, I decided to pass them as double to achieve the same behavior as when animating them via ShadowTree.

TODO

• Add support other react-native props, e.g. filter, outlineColor, placeholderTextColor etc.
• Add support for other react-native-svg props, e.g. fill, stroke etc.

Test plan

Enable ANDROID_SYNCHRONOUSLY_UPDATE_UI_PROPS static feature flag

tintColor

import React, { useEffect } from 'react';
import { StyleSheet, View } from 'react-native';
import Animated, {
  interpolateColor,
  useAnimatedStyle,
  useSharedValue,
  withRepeat,
  withTiming,
} from 'react-native-reanimated';

export default function EmptyExample() {
  const sv = useSharedValue(0);

  useEffect(() => {
    sv.value = 0;
    sv.value = withRepeat(withTiming(1, { duration: 500 }), -1, true);
  }, [sv]);

  const animatedStyle = useAnimatedStyle(() => {
    return {
      tintColor: interpolateColor(sv.value, [0, 1], ['red', 'blue']),
    };
  });

  return (
    <View style={styles.container}>
      <Animated.Image
        style={[{ width: 50, height: 50 }, animatedStyle]}
        source={{
          uri: 'https://raw.githubusercontent.com/facebook/react-native/refs/heads/main/packages/rn-tester/js/assets/uie_thumb_normal%402x.png',
        }}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
});