flutter - 如何在 flutter 中填充复选框内部的颜色？

Question

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

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

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