3.3.4　CupertinoSlider

CupertinoSlider是滑动按钮，效果如图3-24所示。

图3-24　CupertinoSlider效果

CupertinoSlider主要属性参见表3-18。

表3-18　CupertinoSlider属性

设置CupertinoSlider的最小值1，最大值10，分割5份，划过区域颜色为红色，代码如下：

class CupertinoSliderDemo extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _CupertinoSliderDemo();
}

class _CupertinoSliderDemo extends State<CupertinoSliderDemo> {
  double _value = 1.0;

  @override
  Widget build(BuildContext context) {
    return Center(
      child: CupertinoSlider(
        value: _value,
        onChanged: (double v) {
          setState(() {
            print('$v');
            _value = v;
          });
        },
        min: 1.0,
        max: 10.0,
        divisions: 5,
        activeColor: Colors.red,
      ),
    );
  }
}

CupertinoSlider本身不支持滑动，必须在onChange回调中改变value的值才可以，setState方法会立刻刷新屏幕，改变其状态。