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

说明

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

效果：

示例二

import

效果：

完

码上加油站

一起来加油

长按扫码关注

记得点个赞和在看哦！

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

手撸一个Switch开关组件
一.前言手撸系列又来了,这次咱们来撸一个Switch开关组件,废话不多说,咱们立刻发车. 二.使用效果三.实现分析首先我们先不想它的这个交互效果,我们就实现"不合格"时的一个 ...
vue element table switch开关组件
<template><el-table:data="tableData"style="width: 100 ...
vue 开发中element-ui库的switch开关绑定number类型数据不成功问题解决方法
最近在使用element-ui库进行vue项目的开发,这个ui库对于一些后台管理项目的开发还是非常实用的,各种组件都比较齐全,而且文档也很详细.但是对于我这种初学者来说,部分组件的文档还需更加详细. ...
element-ui 点击Switch开关弹出对话框确认后再改变switch开关状态
前言最近项目中用到了Switch开关组件,需求是点击switch开关按钮后,弹出一个确认对话框,根据用户的操作来决定是否改变switch的开关状态. Attributes 参数说明类型默认值 ...
【Flutter】侧拉导航栏实现 ( Drawer 组件 | PageView 组件 )
文章目录一.Drawer 组件二.PageView 组件三.完整代码示例四.相关资源一.Drawer 组件 Scaffold 组件中的 drawer 参数 , 就是设置侧拉导航栏菜单的 , ...
flutter 自定义键盘_掘金 AMA：听闲鱼客户端架构师邬吉风聊 Flutter 和移动端开发那些事...
第二十一期 AMA 掘金团队请来了闲鱼客户端架构师,<Fish-Redux>作者-- 邬吉风做了为期三天的 Ask Me Anything (AMA) 活动(活动已结束).我们在此精选了一 ...
Flutter学习笔记（10）--容器组件、图片组件
如需转载,请注明出处:Flutter学习笔记(10)--容器组件.图片组件上一篇Flutter学习笔记(9)--组件Widget我们说到了在Flutter中一个非常重要的理念"一切皆为组件 ...
移动跨平台ReactNative开关组件Switch【15】
前端江太公 React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一.React Native 采用不同的方法进行混合移动应用开发.它不会生成原生 UI 组件,而是 ...
Flutter Sliver大家族之SliverList(),SliverFixedExtentList(),SliverGrid()组件②
Flutter Sliver大家族之SliverList,SliverFixedExtentList,SliverGrid组件② SliverFixedExtentList() SliverList( ...

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

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

最新文章

热门文章