题记
—— 优美的应用体验 来自于细节的处理,更源自于码农的自我要求与努力,当然也需要码农年轻灵活的思维。
本文章实现的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】微信公众号的每日提醒 随时随记 每日积累 随心而过 文章底部扫码关注
不局限于思维,不局限语言限制,才是编程的最高境界。
以小编的性格,肯定是要录制一套视频的,随后会上传
有兴趣 你可以关注一下 西瓜视频 --- 早起的年轻人