Slider 滑块
代码演示
基本用法
dart
Slider(
onChangeEnd: (v) {
ToastStatic.show(context, message: "Value: $v");
model.value = v;
},
value: model.value,
),步进取整
dart
Slider(
onChangeEnd: (v) {
ToastStatic.show(context, message: "Value: $v");
model.value = v;
},
min: 0,
max: 100,
step: 1,
value: model.value,
),自定义样式
dart
Slider(
onChangeEnd: (v) => model.value = v,
min: 0,
max: 21,
step: 3,
value: model.value,
barHeight: 4,
activeBg: const Color(0xFFDA3231),
),自定义按钮
dart
Slider(
onChangeEnd: (v) => model.value = v,
min: 0,
max: 1000,
step: 1,
value: model.value,
drawThumb: (v) => Transform.translate(
offset: const Offset(-20, 0),
child: TailBox()
.bg(const Color(0xFF1989fa))
.rounded_lg()
.p(3)
.Container(
width: 40,
height: 20,
child: FittedBox(
child: TailTypo().text_color(Colors.white).Text("$v"),
),
),
),
),API
| Props | 类型 | 描述 |
|---|---|---|
value | double | 当前值 |
onChange | Function(double) | 值变化触发 |
min | double | 最小值 |
max | double | 最大值 |
step | double | 步进 |
onChangeEnd | Function(double) | 拖动结束触发 |
drawThumb | Widget Function(double) | 绘制滑块 |
activeBg | Color | 选中部分背景颜色 |
inactiveBg | Color | 未选中部分背景颜色 |
barHeight | double | 滑条高度 |