Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

A Range Slider that you can customize with the options you need, without any limits. You can also customize the appearance of the Range Slider with simple smooth animations, providing a nice and clean UI/UX.

License

NotificationsYou must be signed in to change notification settings

haptome/flutter_range_slide

Repository files navigation

A Range Slider that you can customize with the options you need, without any limits. You can also customize the appearance of the Range Slider with simple smooth animations, providing a nice and clean UI/UX.

Getting Started

To install, add it to yourpubspec.yaml file:

dependencies:    flutter_range_slider:
import'package:range_slider_flutter/range_slider_flutter.dart';

How to use it

callflutter_range_slider's constructor:

basic implementation

RangeSliderFlutter(// key: Key('3343'),            values: [_lowerValue, _upperValue],            rangeSlider:true,            tooltip:RangeSliderFlutterTooltip(              alwaysShowTooltip:true,            ),            max:20000,            textPositionTop:-100,            handlerHeight:30,            trackBar:RangeSliderFlutterTrackBar(              activeTrackBarHeight:10,              inactiveTrackBarHeight:10,              activeTrackBar:BoxDecoration(                borderRadius:BorderRadius.circular(10),                color:Colors.red,              ),              inactiveTrackBar:BoxDecoration(                borderRadius:BorderRadius.circular(10),                color:Colors.grey,              ),            ),            min:0,            fontSize:15,            textBackgroundColor:Colors.red,            onDragging: (handlerIndex, lowerValue, upperValue) {              _lowerValue= lowerValue;              _upperValue= upperValue;setState(() {});            },          ),

The constructor has an attributes related to the Widget:

  • values: A list of tabs to display, ieMin ValueandMax value
  • rangeSlider:bool to convert the slider to Range Slider if not it's just Slider.
  • tooltip:the range value is always true change it if you want it to hidden.
  • max:Max Range.
  • textPositionTop: The positions of the text box (use -ve integer).
  • handlerHeight:The size of range bull point.
  • trackBar:decoration for the Flutter Range Slider.
  • min: Min Range.
  • fontSize: label Font Size.
  • onDragging:Callback function on Slider value changed.
  • textBackgroundColor:Colors of the container which holds the text.

About

A Range Slider that you can customize with the options you need, without any limits. You can also customize the appearance of the Range Slider with simple smooth animations, providing a nice and clean UI/UX.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

[8]ページ先頭
©2009-2025 Movatter.jp