1.简介
用来选择范围性的数据
slider用于选择连续性的或者非连续性的数据。默认是在一段最大值最小值间做任意值的选择。如果你想选择间隔性的值,给division设置一个非空的整数,区分割区间范围。
基本用法
- thumb 用户可以拖拽移动的区域
- track滑轨thumb可以滑动的线条区域
- value indictor 值指示器 用户拖拽的时候,显示用户当前所选的属性值
- active 选中区
- inactive 非选中区
如果onChanged属性为空或者min..max给出范围为空(例如min等于Max)
滑块小部件本身不保持任何状态的state。相反,当滑块状态发生变化时,窗口小部件会调用onChanged回调。大都数使用滑块的小部件将侦听onchanged回调并使用新值重建滑块已更新滑块的UI。要知道何时开始更改,或何时更改,请设置可选回调onChangeStart或者onChangeEnd。
默认情况下,滑块将尽可能宽,垂直居中。当给定无限制约束时,它将会使轨道宽144像素并垂直收缩。
2.示例代码
class SliderDemo extends StatefulWidget {
_Demo createState() => _Demo();
}
class _Demo extends State<SliderDemo> {
double value = 0.0;
@override
Widget build(BuildContext context) {
return Slider(
value: value,
min: 0.0,
max: 100.0,
divisions: 1000,
activeColor: Colors.blue,
onChanged: (double) {
setState(() {
value = double.roundToDouble();
});
},
);
}
}