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);
},
)
效果如下(勾选时是红色,默认没勾选时是绿色,去掉勾选时的背景颜色):