我想创建一个圆形的CheckBox,如下所示
我尝试过这种方法的多种变体,但似乎都不起作用。包括我试着使用ClipRRect。
因为有更多的代码,所以我只选择其中的一部分在这里显示。
new Row(
children: <Widget>[
//new ClipRRect(
// borderRadius: BorderRadius.all(Radius.circular(90.0)),
// child:
new Checkbox(
tristate: true,
value: true,
onChanged: (bool newValue){
setState(() {
});
},
activeColor: Color(0xff06bbfb),
),
// ),
new Expanded(
child: new Text('将此手机号码和QQ号绑定,提高账号安全性。',
style: new TextStyle(
color: Color(0xff797979)
),
)
),
],
),
我是Flutter.Thanks的新手。
发布于 2019-07-12 18:38:15
复制Material Checkbox的代码并创建新的Checkbox小部件。
在此小部件中,将变量const Radius _kEdgeRadius = Radius.circular(1.0)
更改为Radius.circular(100)
。
发布于 2021-08-21 10:26:26
如下所示设置主题:
Theme(
data: ThemeData(
checkboxTheme: CheckboxThemeData(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(25),
),
),
);
发布于 2021-02-04 16:41:04
我花了很长时间来构建它,并想出了这个解决方案。我想像我这样的人总有一天会需要它的。所以就是这样了。
InkWell(
onTap: () {
setState(() {
selected = !selected;
});
},
child: Container(
height: 28,
width: 28,
decoration: BoxDecoration(
shape: BoxShape.circle, color: selected ? Colors.green : Colors.white,
border: Border.all(width: 2, color: Colors.green)
),
child: Padding(
padding: const EdgeInsets.all(3.0),
child: selected ? Icon(
Icons.check,
size: 18.0,
color: Colors.white,
) : Container()
),
),
),
https://stackoverflow.com/questions/52326268
复制相似问题