勾选框上的 flutter 圆角

Question

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

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