flutter 禁止冒泡_【Flutter】Switch开关组件

90bdb4ed65c857e4c8d4731f117d4f19.gif

说明

Switch 是一个切换按钮组件,通常用于设置的选项里。Switch 的原点颜色,横条颜色都可以设置,此外原点可以以图片形式显示。

可以使用Switch.adaptive构建组件:

Switch.adaptive(
    value: switchValue,
    activeColor: Colors.red,
    onChanged: (bool value) {
    setState(() {
         switchValue = value;
    });
})

基本使用:

var _switchValue = 

常用属性:

  • activeColor → Color - 激活时原点的颜色。

  • activeThumbImage → ImageProvider - 原点还支持图片,激活时的效果。

  • activeTrackColor → Color - 激活时横条的颜色。

  • inactiveThumbColor → Color - 非激活时原点的颜色。

  • inactiveThumbImage → ImageProvider - 非激活原点的图片效果。

  • inactiveTrackColor → Color - 非激活时横条的颜色。

  • onChanged → ValueChanged - 改变时触发。

  • value → bool - 切换按钮的值。

SwitchListTile

SwitchListTile是Switch和ListTile组合控件,基本用法如下:

SwitchListTile(
        title: Text('开启提醒'),
        value: _switchValue,
        onChanged: (value) {
           setState(() {
           _switchValue = value;
        });
    },
),

 CupertinoSwitch

CupertinoSwitch是ios风格控件,用法和Switch一样,用法如下:

var _switchValue = 

示例演示

import 

效果:

5a30f20c82cfefb8d550ea4db5d0dd06.gif

示例二

import 

效果:

38d13d29746504e373d6be65d7751e56.gif

  码上加油站

  一起来加油

长按扫码关注

909f5e2e6c78056077d274fdbb54c737.png 记得点个 在看 哦!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值