Allow animations on the `d` prop of the Path component.

My use case is that I’m wrapping the Path component with createAnimatedComponent and then simply use react-native-reanimated (their createAnimatedComponent should be compatible to the react-native one)

I debugged the behavior a little bit and when using the wrapped component the app crashes because react-native-svg tries to render with _path = nil and then crashes. To be more detailed: Elements/RNSVGPath.m::setD is never called and then inRNSVGRenderable.m::renderLayerToit basically calls CFAutorelease with nil and crashes. I wonder if this related to a wrong or missing setNativeProps.

Anyone having a idea how to fix it.

[reneeichhorn]

Wow that was fast 😄 Creating a tagged template was exactly my idea as well 👍

I think there is lots of potential with animated paths especially for charts etc.

[msand]

Also, wrote a small tagged template literal function:

function animatedString(strings, ...values) {
  const arr = [];
  const n = values.length;
  for (let i = 0; i < n; i++) {
    arr.push(strings[i], values[i]);
  }
  const end = strings[n];
  if (end) {
    arr.push(end);
  }
  return concat(...arr);
}

const path = animatedString`M0,0 L${x},${y}`;