BackdropBlur is not being applied

[RedonAlla]

BackdropBlur is not being applied, I have the following code:

const svgPath = Skia.Path.MakeFromSVGString(
  "M122.713 0C128.165 0 132 5.5479 132 11V11V12C132 29.6731 146.327 44 164 44C181.673 44 196 29.6731 196 12V11V11C196 5.5479 199.835 0 205.287 0H301.5C312.26 0 317.64 0 321.56 2.48234C323.559 3.74805 325.252 5.44126 326.518 7.44004C329 11.3601 329 16.7401 329 27.5V27.5C329 38.2599 329 43.6399 326.518 47.56C325.252 49.5587 323.559 51.2519 321.56 52.5177C317.64 55 312.26 55 301.5 55H27.5C16.7401 55 11.3601 55 7.44004 52.5177C5.44126 51.2519 3.74805 49.5587 2.48234 47.56C0 43.6399 0 38.2599 0 27.5V27.5C0 16.7401 0 11.3601 2.48234 7.44004C3.74805 5.44126 5.44126 3.74805 7.44004 2.48234C11.3601 0 16.7401 0 27.5 0H122.713Z"
)!;

function TabbarComponent() {
  return (
    <Canvas style={{ flex: 1,
                      position: 'absolute',
                      bottom: 0,
                      left:0,
                      right:0,
                      width: 600, height: 100,
                      }}>
      <BackdropBlur blur={20} clip={svgPath}>
        <Fill color="rgba(0, 0, 0, 0.2)" />
      </BackdropBlur>
    </Canvas>
  );
}

Results

iOS

Android

The svg path it is being displayed but without blur effect
Am I missing something?

[Glazzes]

I tried something like this, so far I'm aware elements on the canvas can not interact with the native components, hopefully it becomes a reality in the near future, still I'd await for an answer of Christian or William

[wcandillon]

Indeed, there are currently no interactions with Native elements possible yet. We would love to learn the best practices there (if there are any) from the community.

[RedonAlla]

Hoping to bee possible asap.

Still thanks for the amazing library :)