Can i use SharedValue in path ..?

[maulik54e]

import {Canvas, Path} from "@shopify/react-native-skia";
 
const SVGNotation = () => {
  return (
    <Canvas style={{ flex: 1 }}>
      <Path

        // THIS SVG STRING AS SharedValue
        path="M 128 0 L 168 80 L 256 93 L 192 155 L 207 244 L 128 202 L 49 244 L 64 155 L 0 93 L 88 80 L 128 0 Z"
        color="lightblue"
        style="stroke"
        strokeJoin="round"
        strokeWidth={5}
        // We trim the first and last quarter of the path
        start={0.25}
        end={0.75}
      />
    </Canvas>
  );
};

i'm storing the my svg path string in SharedValue.
is there any way to assign sharedValue to path prop ..?
Something like below .

const updatedPath = useSharedValue<SkPath | String>('');
    <Path
        path={updatedPath}
      />

[swami-laxman]

If your string is a valid path, then it should work correctly.

[maulik54e]

i'm using Skia.Path.MakeFromSVGString to generate it

[wcandillon]

there shouldn't be any problems there

[wcandillon]

MakeFromSVGString returns null? do you have a sample path?

[maulik54e]

Sure here is my sample path which draws the arc
M 136.77925698113202 49.376165930165655 A 68.28210413241851 68.28210413241851 0 0 0 72.54973564069466 4.267631508276153

M 136.77925698113202 sharedvalue A 68.28210413241851 68.28210413241851 0 0 0 72.54973564069466 4.267631508276153

yes, MakeFromSVGString returns null

[wcandillon]

none of these appear to be valid svg paths

[maulik54e]

i have been using this path for year with react-native-svg and i was switching that to skia .
Also i just did check this path online via https://yqnn.github.io/svg-path-editor/

[maulik54e]

Thanks for the feedback . i'll correct my path string