StrokeWidth different sizes for each side

[MrHazimAli]

Hye, I just jumping into skia to implement neomorphism design using skia, I wondering if we able to custom strokeWidth for each side?

example code like below :-

<RoundedRect x={0} y={0} width={scale(34)} height={scale(25)} r={scale(5)} color={'F5F5F5'} stroke={'#000000'} strokeWidthTop={scale(2)} strokeWidthBottom={scale(1)} strokeWidthLeft={scale(1)} strokeWidthRight={scale(1)} />

Thanks!

[heitorrubira]

Hey @MrHazimAli,

I would suggest you to create a new component and use points or path to achieve this instead of RoundedRect.

To use Path and have a rounded corners, please take a look here:
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths

You can also start from here:
https://shopify.github.io/react-native-skia/docs/shapes/path