flutter开发实现Checkbox样式自定义修改包括修改勾选颜色背景颜色等等

flutter开发实现Checkbox样式自定义修改包括修改勾选颜色背景颜色等

Checkbox(
    materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
    value: widget.isChecked ?? false,
    onChanged: widget.onCheckedChanged,
    checkColor: Colors.red, //修改勾选时的勾选颜色为红色
    activeColor: Colors.transparent, //去掉勾选时背景颜色
    side: MaterialStateBorderSide.resolveWith((Set<MaterialState> states) {
        if (states.contains(MaterialState.selected)) {
            //修改勾选时边框颜色为红色
            return const BorderSide(width: 2, color: Colors.red);
        }
            //修改默认时边框颜色为绿色
            return const BorderSide(width: 2, color: Colors.green);
        },
    )

效果如下(勾选时是红色,默认没勾选时是绿色,去掉勾选时的背景颜色):

posted @   yongfengnice  阅读(1700)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
历史上的今天:
2019-04-19 Android实现EditText禁止输入换行符但可以根据内容自动换行的解决方法
点击右上角即可分享
微信分享提示