How to draw a stroke line programatically?

[Bayramito]

As you can see i have a LinearGradient inside my canvas to create a colored shadow kind of effect.

And here is what i want to achieve. So i want to draw a stroke line with same gradient colors around my area. Just like here in the design.

but i could not find any information in the docs @wcandillon about drawing path lines with Skia.

i just could draw a single line with:

 // Draw the stroke path
  const stroke = Skia.Path.Make();
  stroke.lineTo(w, 0);

I dont know how to draw rounded corners...

IMPORTANT NOTE: i want to do that programatically, becouse i draw my area with some width and height values given from outside of the component. It also accepting radius so if the radius given is equal to half of the width and height given from outside, as you can guess it wil be a circle. So the stroke path should be also circle.

  <Canvas style={{width: w, height: h, position: "absolute"}}>
        <Group>
          <Path path={stroke} style="stroke" strokeWidth={5} strokeCap="round" color={"red"} />
        </Group>
        {outerShadow && (
            <RoundedRect x={2} y={2} width={w - 4} height={h - 4} r={r}>
              <LinearGradient start={vec(0, 0)} end={vec(w, h)} colors={outerColors} />
              <Blur blur={2} />
            </RoundedRect>
        )}

[Bayramito]

Noo,
it can't be that easy ... :))

  const stroke = Skia.Path.Make();
  stroke.addRRect(rrect(rect(OUTER_X, OUTER_Y, OUTER_WIDTH, OUTER_HEIGHT), r, r));

[wcandillon]

haha nice :)

[Bayramito]

could you please check the gist that i sent to you ?