Flutter开发 Switch、SwitchListTile的基本使用

发布于:2025-08-09 ⋅ 阅读:(22) ⋅ 点赞:(0)

Switch

用于开启和关闭的按钮。

属性 说明
value 开关当前状态
activeColor 开启的颜色
activeTrackColor 开关打开时轨道的颜色
inactiveTrackColor 开关关闭时轨道的颜色
activeThumbImage 开关打开时按钮图片

运行效果

请添加图片描述

class MyState extends State {
  bool flag = false;

  ![请添加图片描述](https://i-blog.csdnimg.cn/direct/5178083a34d34900a6f9a0a1eed78994.jpeg)

  Widget build(BuildContext context) {
    Switch sw = Switch(
      value: flag,
      onChanged: (value) {
        setState(() {
          flag = value;
        });
      },
      activeColor: Colors.blue,
      activeTrackColor:Colors.green ,
      activeThumbImage: NetworkImage("https://pic.rmb.bdstatic.com/bjh/news/49fa0be5e4ab397fe5a04412d5cfe3f6.png"),
    );

    return Scaffold(
      appBar: AppBar(title: Text("Flex"), centerTitle: true),
      body: sw,
    );
  }
}

SwitchListTile

请添加图片描述

class MyState extends State {
  bool flag = false;

  
  Widget build(BuildContext context) {
    Column column = Column(
      children: [
        SwitchListTile(
          value: false,
          onChanged: (value) {},
          title: Text("6:00"),
          subtitle: Text("周一至周五响铃"),
        ),
        SwitchListTile(
          value: false,
          onChanged: (value) {},
          title: Text("10:00"),
          subtitle: Text("星期六、日响铃"),
        ),
      ],
    );

    return Scaffold(
      appBar: AppBar(title: Text("SwitchListTile"), centerTitle: true),
      body: column,
    );
  }
}

网站公告

今日签到

点亮在社区的每一天
去签到