Flutter SwitchListTile 开关组件使用详情

题记

—— 优美的应用体验来自于细节的处理，更源自于码农的自我要求与努力，当然也需要码农年轻灵活的思维。

本文章实现的Demo为SwitchListTile的基本使用，如下图所示：

SwitchListTile是一个用于便捷、快速构建列表样式的组件布局，与SwitchListTile、CheckboxListTile、ListTile、RadioListTile类似，基本使用代码如下：

  ///开关[SwitchListTile]的基本使用Widget buildSwitchListTile() {return SwitchListTile(title: Text("标题",),// 副标题（在 title 下面）subtitle: Text("副标题"),//是否是三行文本//如果是 true 副标题 不能为 null//如果是 false 如果没有副标题// 就只有一行， 如果有副标题 ，就只有两行isThreeLine: true,// 是否密集垂直dense: false,// 左边的控件secondary: Image.asset("assets/images/2.0x/logo.jpg",fit: BoxFit.fill,),//开关状态改变时的回调onChanged: (bool value) {setState(() {switchValue = value;});},//当前开关的状态value: switchValue,//选中时小圆滑块的颜色activeColor: Colors.blue,//选中时底部的颜色activeTrackColor: Colors.yellow,//未选中时小圆滑块的颜色inactiveThumbColor: Colors.deepPurple,//未选中时底部的颜色inactiveTrackColor: Colors.redAccent,);}

【x1】微信公众号的每日提醒随时随记每日积累随心而过文章底部扫码关注

【x2】各种系列的视频教程免费开源关注你不会迷路

【x3】系列文章百万 Demo 随时复制粘贴使用

【x4】一目了然的源码

【x5】简短的视频不一样的体验

不局限于思维，不局限语言限制，才是编程的最高境界。

以小编的性格，肯定是要录制一套视频的，随后会上传

有兴趣你可以关注一下西瓜视频 — 早起的年轻人

Flutter SwitchListTile 开关组件使用详情相关推荐

【Flutter】Image 组件 ( 加载网络图片 | 加载静态图片 | 加载本地图片 | path_provider 插件 )
文章目录一.加载网络图片二.加载静态图片三.加载本地图片四.完整代码示例五.相关资源一.加载网络图片参考 [Flutter]Image 组件 ( Image 组件简介 | Image 构 ...
【Flutter】Image 组件 ( Image 组件简介 | Image 构造函数 | Image.network 构造函数 | Image.asset 构造函数 )
文章目录一.Image 组件简介二.Image 构造函数三.Image.network 构造函数四.Image.file 构造函数五.Image.asset 构造函数六.Image.mem ...
【Flutter】StatefulWidget 组件 ( 创建 StatefulWidget 组件 | MaterialApp 组件 | Scaffold 组件 )
文章目录一.StatefulWidget 组件二.创建 StatefulWidget 组件三.MaterialApp 组件四.Scaffold 组件五. 相关资源一.StatefulWid ...
Flutter InkWell Ink组件
文章目录 Flutter InkWell & Ink组件 Flutter InkWell & Ink组件 InkWell组件可以在用户点击是出现水波纹效果. Ink组件可以将水波纹效果 ...
手撸一个Switch开关组件
一.前言手撸系列又来了,这次咱们来撸一个Switch开关组件,废话不多说,咱们立刻发车. 二.使用效果三.实现分析首先我们先不想它的这个交互效果,我们就实现"不合格"时的一个 ...
移动跨平台ReactNative开关组件Switch【15】
前端江太公 React Native,是一个混合移动应用开发框架,是目前流行的跨平台移动应用开发框架之一.React Native 采用不同的方法进行混合移动应用开发.它不会生成原生 UI 组件,而是 ...
blinker点灯开关组件
文章目录一. 简介二. 组件简绍三. 代码部分一. 简介前面我们说了,用于通过blinker来实现点亮开发板上面的小灯,但是用的开关组件只是按一下打开灯或者再按一下熄灭灯,从app上看不清到 ...
神了！！看完这篇文章我不仅学会了手撸vue三开关组件，还搞懂了父子组件传值
神了!!看完这篇文章我不仅学会了手撸vue三开关组件,还搞懂了父子组件传值引子前置知识什么是vue组件父子组件传值父传子子传父 model选项的引入三开关组件(three-switch) ...
Flutter Clip剪裁组件
文章目录 Flutter Clip剪裁组件简述使用原图 ClipRect ClipOval ClipRRect ClipPath 自定义剪裁 Flutter Clip剪裁组件简述 Flutte ...

Flutter SwitchListTile 开关组件使用详情

Flutter SwitchListTile 开关组件使用详情相关推荐

最新文章

热门文章