donut_thumb_shape 0.1.0 donut_thumb_shape: ^0.1.0 copied to clipboard
Flutter Widget of Donut Shape to be used with SliderTheme to create donut style for thumb in any color or size.
donut_thumb_shape #
A widget for creating a donut thump shape easily on Sliders.
Usage #
Import the package #
To use this package, follow the instructions here. Then use it with SliderTheme, for example, the following code provides the following output:
SliderTheme(
data: SliderThemeData(
overlayColor: Colors.transparent,
thumbColor: Colors.white,
activeTrackColor: Color.fromRGBO(102, 0, 78, 1),
inactiveTrackColor: Colors.white,
tickMarkShape: SliderTickMarkShape.noTickMark,
thumbShape: DonutThumbShape(
insideCircleRadius: 4,
outsideCircleRadius: 9,
outsideCircleColor: Colors.pinkAccent,
insideCircleColor: Colors.lightBlueAccent)),
child: Slider(
onChanged: (v) { },
value: 2,
min: 0,
max: 10,
),
),
More examples here
Use the package #
import 'package:donut_thumb_shape/donut_thumb_shape.dart';
Getting Started #
For help getting started with Flutter, view our online documentation.
For help on editing package code, view the documentation.