勾選框上的 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,
        ),
  ),
),