专栏首页青年码农Flutter基础widgets教程-Slider篇
原创

Flutter基础widgets教程-Slider篇

1 Slider

Slider 是一个滑块组件,可用于数量的选择。

2 构造函数

const Switch({
    Key key,
    @required this.value,undefined    @required this.onChanged,undefined    this.onChangeStart,
    this.onChangeEnd,
    this.min = 0.0,
    this.max = 1.0,
    this.divisions, 
    this.label,undefined    this.activeColor,undefined    this.inactiveColor, 
    this.semanticFormatterCallback,
})

3 常用属性

3.1 activeColor:激活时的颜色

activeColor: Colors.blue,

3.2 divisions:离散部分的数量

divisions: 10,

3.3 inactiveColor:滑块轨道的非活动部分的颜色

inactiveColor: Colors.black12,

3.4 label:滑块处于活动状态时显示在滑块上方的标签

label: '标签',

3.5 max:用户可以选择的最大值

max:10,

3.6 min:用户可以选择的最小值

min:0,

3.7 onChanged:改变时触发

onChanged: (double){
    setState(() {
        progressValue=double.roundToDouble();
    });
},

3.8 onChangeEnd:改变后触发

onChangeEnd:(double){
    print(double);
} 

3.9 onChangeStart:改变前触发

onChangeStart: (double){
    print(double);
},

3.10 value:滑块的值

value:8,

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 带你体验Vue2和Vue3开发组件的区别(二)

    主要讲了template、data、methods、Lifecyle Hooks这几个的区别,接下来我们再讲讲另外几个属性的变化。

    青年码农
  • Flutter基础widgets教程-TabBar篇

    青年码农
  • Flutter基础widgets教程-Baseline篇

    青年码农
  • 自制简单的range(Vue)

    IMWeb前端团队
  • PHP高级编程之消息队列

    PHP高级编程之消息队列 摘要 2015-10-19 第一版 2016-11-31 第二版 目录 1. 什么是消息队列 2. 为什么使用消息队列 3. 什么场合...

    netkiller old
  • 从零开始带你写一个运行命令行的终端[手把手教学]

    Electron很出名,很多人可能了解过,知道它是用来开发桌面端的应用,但是一直没有在项目中实践过,缺乏练手的实践项目。

    OBKoro1
  • 【 数字游戏 2048 】原生 JavaScript 做小游戏

    原生 JavaScript 2048 源码 : <!doctype html> <html> <head> <title>2048</title> <m...

    Levi.Ackermann
  • Angular DOM 抽象概述

    为了能够支持跨平台,Angular 通过抽象层封装了不同平台的差异,统一了 API 接口。如定义了抽象类 Renderer2 、抽象类 RootRenderer...

    阿宝哥
  • PHP高级编程之消息队列原理与实现方法详解

    本文实例讲述了PHP高级编程之消息队列原理与实现方法。分享给大家供大家参考,具体如下:

    砸漏
  • electron实战项目-命令行终端[手把手教学]

    Electron很出名,很多人可能了解过,知道它是用来开发桌面端的应用,但是一直没有在项目中实践过,缺乏练手的实践项目。

    OBKoro1

扫码关注云+社区

领取腾讯云代金券