roundcheckbox: ^2.0.5
简单使用
bool isSelected = false;
RoundCheckBox(
//选中时的内部组件
checkedWidget: Container(
margin: const EdgeInsets.only(left: 0, top: 0),
child: const Icon(
Icons.check,
color: Colors.white,
),
),
// uncheckedWidget, // 未选中的内部展示组件
// 组件大小
size: 25,
// 选中时的颜色
checkedColor: Colors.orange,
//uncheckedColor, //未选中时的颜色
//animationDuration,//点击后动画执行时长(改变内部样式时长)
//border: ,//边框样式
//borderColor: ,//边框颜色
// 默认选中状态(是否被选中bool型)
isChecked: isSelected,
// 修改时调用的方法
onTap: (value) {
isSelected = value ?? isSelected ;
setState(() {});
},
);
运行效果