I wouldn’t try to modify an existing slider for this, I think it’s too different, I’d try building it from scratch.
You can either use
Canvas
to draw the design, or try to build it from separate smaller elements (e.g. the slider handle is a
Box
with
Modifier.clip(RoundedCornerShape())
, or a combination of the two. You can either draw the text in the canvas, or use an actual
Text
element depending on the approach. Once you have it displayed, you can add the actual gesture support with
Modifier.draggable
or similar.
I’d use
Canvas
to draw all the shapes except the text, and put it into a
Box
with a
Text
for the label, and add the gesture detection on the
Box
.