双向滑动 区间滑动 滑动条 slider

实践

double sliderValueLeft = 18;
double sliderValueRight = 100;
double sliderValueMin = 18;
double sliderValueMax = 100;
List<double> sliderValue = [18, 100];

 

MultiSlider(
  min: sliderValueMin,
  max: sliderValueMax,
  values: sliderValue,
  onChanged: (List<double> newValue) {
    setState(() {
      sliderValue = newValue;
      sliderValueLeft = sliderValue[0];
      sliderValueRight = sliderValue[1];
    });
  },
  // divisions: 1,
  color: const Color(0xFFEFCF5D),
  thumbColor: const Color(0xFFEFCF5D),
  thumbInactiveColor: const Color(0xFFEFCF5D),
  // divisions: 48,
)

 

 

slider_controller | Flutter Package https://pub.dev/packages/slider_controller

flutter_multi_slider | Flutter Package https://pub.dev/packages/flutter_multi_slider/example

 

 

 

Flutter自定义View之——价格选择器｜双向滑动｜手势处理_滑动选择器双向_Code-Porter的博客-CSDN博客 https://blog.csdn.net/a_zhon/article/details/118053025

翻译

搜索

复制