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】简短的视频不一样的体验


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

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

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

在这里插入图片描述

早起的年轻人 CSDN认证博客专家 移动开发 项目管理 Java
只要用心去做,每一件事情还是有可能成功的,当然成功是没有界限的,只不过是达到自己心里的那个目标,公众号:我的大前端生涯,一个爱喝茶的程序员,通常会搞搞SpringBoot 、Herbinate、Mybatiys、Android、iOS、Flutter、Vue、小程序等.
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页