应为内含右勾号的圆形复选框
发布于 2019-09-02 01:26:05
下面是一个带有圆形区域和中间复选标记的示例Widget。您可以使用此选项来实现循环复选标记。
此示例最初来自于此,因此请回答here。
bool _value = false;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Circle CheckBox"),
),
body: Center(
child: InkWell(
onTap: () {
setState(() {
_value = !_value;
});
},
child: Container(
decoration: BoxDecoration(shape: BoxShape.circle, color: Colors.blue),
child: Padding(
padding: const EdgeInsets.all(10.0),
child: _value
? Icon(
Icons.check,
size: 30.0,
color: Colors.white,
)
: Icon(
Icons.check_box_outline_blank,
size: 30.0,
color: Colors.blue,
),
),
),
)),
);
}发布于 2019-09-02 01:49:02
对于这个需求,pub dev提供了一个包circular_check_box
请参阅此链接https://pub.dev/packages/circular_check_box
详细解释将在上面的链接中提供

发布于 2021-06-18 12:46:18
Theme(
data: ThemeData(
checkboxTheme: CheckboxThemeData(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(25)))),
child: CheckboxListTile(
value: model.specialSale,
secondary: Icon(
CustomIcons.percentage,
color: Theme.of(context).primaryColor,
),
onChanged: (v) {
},
title: Text("Checked"),
),
),https://stackoverflow.com/questions/57748044
复制相似问题