title: Does react native animated native driver support color/backgroundColor?
body: <p>i'm trying to animate color of Text, something like this:</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>const animateTest = scrollY.interpolate({
                                      inputRange: [0, 100],
                                      outputRange: ['rgba(255,0,0,1)', 'rgba(0,255,0,1)']                                    
                                  });
  
  
  
        return (&lt;View&gt;      
      &lt;Animated.Text style={{ position:'absolute',                                          
                                color: animateTest
                            }} &gt;blah blah blah&lt;/Animated.Text&gt;
      &lt;Animated.ScrollView
                scrollEventThrottle={16}                
                onScroll={Animated.event(
                  [
                      {
                          nativeEvent: {contentOffset: {y: scrollY}},
                      },
                  ],
                  {
                      useNativeDriver: true,
                  }
              )}      
            &gt;       
  </code></pre>
  
  <p>but i'm getting this error:</p>
  
  <p><code>Style property 'color' is not supported by native animated module</code>   </p>
  
  <p>using ReactNative 0.44.0</p>
  
  <p>according to  <a href="https://facebook.github.io/react-native/blog/2017/02/14/using-native-driver-for-animated.html" rel="nofollow noreferrer">this blog post</a>
  it's supposed to work because they say:</p>
  
  <blockquote>
    <p>Not everything you can do with Animated is currently supported in Native Animated. The main limitation is that you can only animate non-layout properties, things like transform, opacity and backgroundColor will work but flexbox and position properties won't. </p>
  </blockquote>
  
  <p>but i see there is a whitelist for styles in the code that are supported: <a href="https://github.com/facebook/react-native/blob/dd5ac841d2d88d3d7c2270f835aa5d9f8bfac5c3/Libraries/Animated/src/NativeAnimatedHelper.js" rel="nofollow noreferrer">link to relevant code</a>
  there is a very limited whitelist:</p>
  
  <pre class="lang-js prettyprint-override"><code>const STYLES_WHITELIST = {
    opacity: true,
    transform: true,
    /* legacy android transform properties */
    scaleX: true,
    scaleY: true,
    translateX: true,
    translateY: true,
  };
  </code></pre>
  
  <p>which does not include color/backgroundColor</p>
  
  <p>can anybody help me out here - is it supposed to be supported or not?</p>