1.簡(jiǎn)介
用來選擇范圍性的數(shù)據(jù)
slider用于選擇連續(xù)性的或者非連續(xù)性的數(shù)據(jù)。默認(rèn)是在一段最大值最小值間做任意值的選擇嬉橙。如果你想選擇間隔性的值,給division設(shè)置一個(gè)非空的整數(shù),區(qū)分割區(qū)間范圍抵屿。
基本用法
- thumb 用戶可以拖拽移動(dòng)的區(qū)域
- track滑軌thumb可以滑動(dòng)的線條區(qū)域
- value indictor 值指示器 用戶拖拽的時(shí)候聚唐,顯示用戶當(dāng)前所選的屬性值
- active 選中區(qū)
- inactive 非選中區(qū)
如果onChanged屬性為空或者min..max給出范圍為空(例如min等于Max)
滑塊小部件本身不保持任何狀態(tài)的state。相反腔召,當(dāng)滑塊狀態(tài)發(fā)生變化時(shí)杆查,窗口小部件會(huì)調(diào)用onChanged回調(diào)。大都數(shù)使用滑塊的小部件將偵聽onchanged回調(diào)并使用新值重建滑塊已更新滑塊的UI臀蛛。要知道何時(shí)開始更改亲桦,或何時(shí)更改,請(qǐng)?jiān)O(shè)置可選回調(diào)onChangeStart或者onChangeEnd浊仆。
默認(rèn)情況下客峭,滑塊將盡可能寬,垂直居中抡柿。當(dāng)給定無限制約束時(shí)舔琅,它將會(huì)使軌道寬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();
});
},
);
}
}