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

发布时间 2023-04-19 10:46:49作者: yongfengnice

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);
        },
    )

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