fancy_indicator #

FancyIndicator Widget The FancyIndicator is a customizable Flutter widget that provides a visual indicator with gradient colors, labels, and a dynamic animation. It can be used to create interactive indicators for selecting a value by tapping or dragging.

Showcase #

Usage example #

Import the package in your Dart code:

https://pub.dev/packages/fancy_indicator

FancyIndicator properties #

const FancyIndicator({
  Key? key,
  required List<Color> gradientColors,
  required List<double> gradientStopColors,
  required double width,
  required double height,
  required Function(int indicatorNumber) onSelectedNumber,
  List<int> marker = const [],
  Color labelTextColor = FancyIndicatorUtils.whiteColor,
  Color selectedTextColor = FancyIndicatorUtils.blueColor,
  Color measureItemColor = FancyIndicatorUtils.yellowColor,
  Color backgroundColor = FancyIndicatorUtils.primaryColor,
  String numberAppendix = "%",
})

Parameters #

• gradientColors (List

• gradientStopColors (List

• width (double): The width of the indicator widget.

• height (double): The height of the indicator widget.

• onSelectedNumber (Function(int)): Callback function triggered when a number is selected via dragging or tapping.

• marker (List

• labelTextColor (Color): The color of the labels for the indicator. Default is FancyIndicatorUtils.whiteColor.

• selectedTextColor (Color): The color of the selected label text. Default is FancyIndicatorUtils.blueColor.

• measureItemColor (Color): The color used for the measurement items in the indicator. Default is FancyIndicatorUtils.yellowColor.

• backgroundColor (Color): The background color of the indicator widget. Default is FancyIndicatorUtils.primaryColor.

• numberAppendix (String): The string appended to the selected number in the indicator. Default is "%".