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, ); } }
Flutter笔记46:Slider滑块组件
Slider滑块组件就是按住拖动功能的组件,如音乐播放器的音量调节等,和html的input type=range的功能一致,也有点类似于之前的flutter LinearProgressIndicator组件: