《Flutter 控件大全》第九十七：ToggleButtons

最新推荐文章于 2024-06-12 15:30:00 发布

老孟Flutter

最新推荐文章于 2024-06-12 15:30:00 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # Flutter Widgets 文章标签： flutter ToggleButtons

本文链接：https://blog.youkuaiyun.com/mengks1987/article/details/105311129

Flutter Widgets 专栏收录该内容

103 篇文章 ¥9.90 ¥99.00

订阅专栏

本文介绍了Flutter的ToggleButtons组件，用于创建可切换的选择按钮。文章详细讲解了基础用法，包括按钮的状态管理、自定义外观（颜色、边框、圆角、水波纹效果）、禁用状态的样式以及Web端的鼠标悬停颜色设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。

同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。

Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。

ToggleButtons组件将多个组件组合在一起，并让用户从中选择，ToggleButtons基础用法如下：

List<bool> _selecteds = [false, false, true];
ToggleButtons(
      isSelected: _selecteds,
      children: <Widget>[
        Icon(Icons.local_cafe),
        Icon(Icons.fastfood),
        Icon(Icons.cake),
      ],
      onPressed: (index) {
        setState(() {
          _selecteds[index] = !_selecteds[index];
        });
      },
    );

isSelected 属性是bool类型集合，数量和children的数量

了解本专栏