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的{{1}}内以仅填充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;
        });
      },
    ),
  ),
);

如何在Flutter中的复选框内填充颜色？

1 个答案: