How to interpolate color in Layout Animations?

[enesozturk]

Hi!, I am trying Layout Animations and it is awesome. I got what I need almost by animating position, width and height. But when I want to interpolate backgroundColor I could not imagine how to do that. Because interpolateColor function needs SharedValue and inside the entering animation worklet, we do not have shared value. Is it possible to do that?

Here is my worklet;

const entering = values => {
    'worklet';

    return {
      animations: {
        originX: withTiming(values.originX, {duration}),
        originY: withTiming(values.originY, {duration}),
        width: withTiming(values.width, {duration}),
        height: withTiming(values.height, {duration}),
        backgroundColor: 'x' // How can I interpolate this without a shared value?
      },
      initialValues: {
        originX: boxSize.pageX,
        originY: boxSize.pageY ,
        width: boxSize.width,
        height: boxSize.height,
        backgroundColor: 'x' // How can I interpolate this without a shared value?
      },
    };
  };

Thanks!

[enesozturk]

Still valid 👀 @jakub-gonet @kmagiera 🙂