参数详解
属性 说明
value 当前值 默认 0 -- 1 之间
onChanged 滑动监听
onChangeStart 滑动前监听
onChangeEnd 滑动后监听
min 最小值 默认 0
max 最大值 默认 1
divisions 分段个数
label 滑动时 显示的文字 (不设置divisions属性 不显示)
activeColor 滑块轨道活动部分的颜色
inactiveColor 滑块轨道不活动部分的颜色
semanticFormatterCallback
Flutter 还提供了仿苹果的Switch组件CupertinoSlider 。下面来介绍一下:
属性 说明
value 当前值 默认 0 -- 1 之间
onChanged 滑动监听
onChangeStart 滑动前监听(经过demo测试,一直都是0)
onChangeEnd 滑动后监听
min 最小值 默认 0
max 最大值 默认 1
divisions 分段个数
activeColor 滑块轨道活动部分的颜色
slider代码示例
import 'package:flutter/material.dart';
void main() => runApp(SliderDemo());
class SliderDemo extends StatefulWidget {
@override
_SliderDemo createState() => _SliderDemo();
}
class _SliderDemo extends State<SliderDemo> {
double _value = 0;
int _dollars = 20;
@override
Widget build(BuildContext context) {
// TODO: implement build
return MaterialApp(
home: Scaffold(
body: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Slider(
value: _dollars.toDouble(),
min: 20.0,
max: 330.0,
label: '$_dollars dollars',
onChanged: (double newValue) {
print('$newValue');
setState(() {
_dollars = newValue.round();
});
},
semanticFormatterCallback: (double newValue) {
return '${newValue.round()} dollars';
}),
],
),
));
}
}