Flutter组件--Silder(滑块,进度条)使用详解

~废弃回忆 �༄

已于 2022-11-19 10:53:24 修改

阅读量1.7k

点赞数 1

分类专栏： Flutter 文章标签： flutter Silder 滑块进度条

于 2022-10-23 09:53:36 首次发布

本文链接：https://blog.csdn.net/eastWind1101/article/details/127471153

版权

Flutter 专栏收录该内容

67 篇文章 19 订阅

订阅专栏

本文详细介绍了Flutter中的Slider组件，包括其属性如onChanged、value、activeColor、inactiveColor、min、max、divisions和label的使用。通过示例代码展示了如何创建一个带有反馈和自定义颜色的滑块，并解释了滑块上方显示的进度值。

摘要由CSDN通过智能技术生成

1.相关的属性

属性	注解
onChanged	单击事件
value	当前滑块的值
activeColor	滑块划过的颜色
inactiveColor	滑块未划过的颜色
min	最小值
max	最大值
divisions	平均分成多少块
label	单击滑块的时候,滑块上面提示的进度值

2.相关代码

child: Slider(
        onChanged: (value) {
          setState(() {
            _silderValue = value;
          });
        },
        //值
        value: _silderValue,
        //滑块划过的颜色
        activeColor: Colors.red,
        //滑块未划过的颜色
        inactiveColor: Colors.grey,
        min: 0,
        max: 10.0,
        //最小值与最大值之间分成多少块
        divisions: 10,
        //单击滑块的时候,滑块上面提示的进度值
        label:_silderValue.toString() ,
      ),