首页 > 建站教程 > APP开发,混合APP >  Flutter笔记46:Slider滑块组件正文

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,
    );
  }
}