Drawing shapes with Path

[Bayramito]

Simply how can I draw a box using Path.

But it's,

top left rounded,
top right not rounded,
bottom left not rounded,
bottom right rounded.

@william-candillon

[Bayramito]

I actually achieved something with this:

 // PATH
  const path = Skia.Path.Make();
  path.moveTo(0, tl);
  // add rounded corner
  if (tl > 0) {
    path.rArcTo(tl, tl, 0, true, false, tl, -tl);
  }
  path.lineTo(WIDTH - tr, 0);
  // // add rounded corner
  if (tr > 0) {
    path.rArcTo(tr, tr, 0, true, false, tr, tr);
  }
  path.lineTo(WIDTH, HEIGHT - br);
  // //add rounded corner
  if (br > 0) {
    path.rArcTo(br, br, 0, true, false, -br, br);
  }
  path.lineTo(bl, HEIGHT);
  // //add rounded corner
  if (bl > 0) {
    path.rArcTo(bl, bl, 0, true, false, -bl, -bl);
  }
  path.close();

  const tl = childrenStyles?.borderRadius || childrenStyles?.borderTopLeftRadius || 0;
  const tr = childrenStyles?.borderRadius || childrenStyles?.borderTopRightRadius || 0;
  const bl = childrenStyles?.borderRadius || childrenStyles?.borderBottomLeftRadius || 0;
  const br = childrenStyles?.borderRadius || childrenStyles?.borderBottomRightRadius || 0;

tl, tr ,br,bl meaning top left top right etc... checking the radius values are setted specifically like topLeftRadius or topRightRadius to be able to draw excatly like the children shape.

however this time, the corners are in a strange shape i dont know what actually causes this

[Bayramito]

just noticed that i forgot to give borderRadius to the wrapper of the canvas.. now its looking as expected