How to make Custom thumb of seekbar with flutter?

Question

I'm trying to make seekbar like below image, but unable to made.

I followed Seekbar Package plugin.

Answer 1

Using flutter_xlider plugin makes this a breeze.

Here is a small example from their docs:

FlutterSlider(
  ...
  handler: FlutterSliderHandler(
    decoration: BoxDecoration(),
    child: Material(
      type: MaterialType.canvas,
      color: Colors.orange,
      elevation: 3,
      child: Container(
          padding: EdgeInsets.all(5),
          child: Icon(Icons.adjust, size: 25,)),
    ),
  ),
)

Their slider is very well documented, check it out.