Flutter笔记46：Slider滑块组件

Slider滑块组件就是按住拖动功能的组件，如音乐播放器的音量调节等，和html的input type=range的功能一致，也有点类似于之前的flutter LinearProgressIndicator组件：

class _DemoPageState extends State<DemoPage> {
  double value = 0.0;

  @override
  Widget build(BuildContext context) {
    return Slider(
      //当前进度
      value: value,
      max: 100.0,
      min: 0.0,
      //显示的提示，如果没有设置divisions，则label不显示
      label: '当前音量$value',
      //分量的个数，这里分100份
      divisions: 100,
      //进度完成的颜色
      activeColor: Colors.green,
      //进度未完成的颜色
      inactiveColor: Colors.orange,
      //拖动改变回调
      onChanged: (val) {
        setState(() {
          value = val.roundToDouble();
        });
      },
      //滑动开始回调
      onChangeStart: null,
      //滑动结束回调
      onChangeEnd: null,
    );
  }
}

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！