import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; /// create by 张风捷特烈 on 2020-03-31 /// contact me by email 1981462002@qq.com /// 说明: // { // "widgetId": 43, // "name": 'CupertinoSlider基本使用', // "priority": 1, // "subtitle": // "【value】 : 数值 【double】\n" // "【min】 : 最小值 【double】\n" // "【max】 : 最大值 【double】\n" // "【activeColor】 : 激活颜色 【Color】\n" // "【thumbColor】 : 圆形颜色 【Color】\n" // "【divisions】 : 分段数 【int】\n" // "【onChangeStart】 : 开始滑动回调 【Function(double)】\n" // "【onChangeEnd】 : 滑动结束回调 【Function(double)】\n" // "【onChanged】 : 改变时回调 【Function(double)】", // } class CustomCupertinoSlider extends StatefulWidget { @override _CustomCupertinoSliderState createState() => _CustomCupertinoSliderState(); } class _CustomCupertinoSliderState extends State { double _value = 0.0; @override Widget build(BuildContext context) { return Column( mainAxisSize: MainAxisSize.min, children: [ 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; }); }), ], ); } }