勾选框上的颤动圆角

Question

我的应用程序有一个非常圆润的类型设计，我希望使用复选框作为用户界面的一部分。完全圆形的勾选“框”的设计看起来不太好。我正在寻找圆化标准复选框的角，就像使用容器一样。关于如何实现这一目标的任何想法。我试图将复选框包含在容器内并围绕容器的角，但不起作用。

Answer 1

您可以像这样创建自己的复选框：

InkWell(
  onTap: () {
    setState(() {
      _value = !_value;
    });
  },
  child: Container(
    decoration: BoxDecoration(
      border: Border.all(color: Colors.blue, width: 4),
      borderRadius: BorderRadius.circular(8),
    ),
    child: _value
      ? Icon(
          Icons.check,
          size: 30.0,
          color: Colors.blue,
        )
      : Icon(
          null,
          size: 30.0,
        ),
  ),
),