如何在颤动中填充复选框内部的颜色？

【问题标题】：How to fill color inside of checkbox in flutter?如何在颤动中填充复选框内部的颜色？
【发布时间】：2021-02-11 20:55:32
【问题描述】：

这是我在颤振中使用的复选框。但是我只能为未选中状态设置边框颜色，而不是在复选框内找到填充颜色的方法。请帮我解决这个问题。

Theme(
    data: ThemeData(unselectedWidgetColor: Colors.white),
    child: Checkbox(
        checkColor: Colors.blue,
        activeColor: Colors.white,
        value: rememberMe,
        onChanged: (value) {
            setState(() {
                rememberMe = value;
            });
        },
    ),
)

【问题讨论】：

标签： flutter checkbox flutter-layout flutter-theme

【解决方案1】：

这更多地与设计本身有关。一个空的复选框应该就是那个空的。如果你给它一个填充颜色，你有点违背设计目的。

无论如何，您可以通过将其放在 Container 中来实现此目的，其背景颜色和宽度和高度仅填充 CheckBox：

return Center(
  child: Container(
    alignment: Alignment.center,
    width: 14,
    height: 14,
    color: Colors.blue,
    child: Checkbox(
      checkColor: Colors.blue,
      activeColor: Colors.white,
      value: rememberMe,
      onChanged: (value) {
        setState(() {
          rememberMe = value;
        });
      },
    ),
  ),
);

【讨论】：