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

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

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

How to fill color inside of checkbox in flutter?

flutter

checkbox

flutter-layout

flutter-theme