donut_thumb_shape 0.1.0

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.

1
likes
70
pub points
11%
popularity

Flutter Widget of Donut Shape to be used with SliderTheme to create donut style for thumb in any color or size.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

paulo9mv@gmail.com

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on donut_thumb_shape