iOS风格的滑块组件,可以在指定的最大值和最小值之间拖动选择。可指定颜色,接收进度变化回调。

相关组件

Slider

CupertinoSlider基本使用

  1. <br />【value】 : 数值 【double】<br />【min】 : 最小值 【double】<br />【max】 : 最大值 【double】<br />【activeColor】 : 激活颜色 【Color】<br />【thumbColor】 : 圆形颜色 【Color】<br />【divisions】 : 分段数 【int】<br />【onChangeStart】 : 开始滑动回调 【Function(double)】<br />【onChangeEnd】 : 滑动结束回调 【Function(double)】<br />【onChanged】 : 改变时回调 【Function(double)】<br />![122.gif](https://cdn.nlark.com/yuque/0/2020/gif/326147/1589455439275-73d9b561-531b-4b55-b752-56c2cd9a6e4e.gif#align=left&display=inline&height=162&margin=%5Bobject%20Object%5D&name=122.gif&originHeight=162&originWidth=740&size=183575&status=done&style=none&width=740)
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class CustomCupertinoSlider extends StatefulWidget {
  @override
  _CustomCupertinoSliderState createState() => _CustomCupertinoSliderState();
}

class _CustomCupertinoSliderState extends State<CustomCupertinoSlider> {
  double _value = 0.0;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisSize: MainAxisSize.min,

      children: <Widget>[
        Text('当前值:${_value.toStringAsFixed(1)}'),
        CupertinoSlider(
            value: _value,
            divisions: 180,
            min: 0.0,
            max: 360.0,
            activeColor: Colors.green,
            thumbColor: Colors.white,
            onChangeStart: (value) {
              print('开始滑动:$value');
            },
            onChangeEnd: (value) {
              print('滑动结束:$value');
            },
            onChanged: (value) {
              setState(() {
                _value = value;
              });
            }),
      ],
    );
  }
}