checkbox - 如何在Flutter中创建圆形CheckBox？或者更改CheckBox的样式，例如Flutter中的选定图像？

我想创建这样的圆形复选框

我试过多种变体，但似乎都不管用。包括我试着用剪贴画。
因为有更多的代码，所以我只选择其中的一部分显示在这里。

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

      ],
    ),

我是新来的，提前谢谢。

最佳答案

您可以尝试使用此代码进行播放：圆形复选框

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

关于checkbox - 如何在Flutter中创建圆形CheckBox？或者更改CheckBox的样式，例如Flutter中的选定图像？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52326268/