如何在flutter中更改checkBoxListTile内的复选框颜色?

时间:2020-09-25 07:21:57

标签: flutter checkboxlist

我正在这样使用CheckBoxListTile

CheckboxListTile(
            title: Text(
              ourAllnotes[i].note,
              style: TextStyle(color: Colors.white),
            ),
            value: false,
            onChanged: (bool value) {},
            activeColor: Colors.orange,
            checkColor: Colors.white,
            controlAffinity: ListTileControlAffinity.leading,
          )

在选中该复选框后,我可以更改其颜色,但是在选中该复选框之前,不能更改其颜色,而不能更改其默认值。 该怎么做?

1 个答案:

答案 0 :(得分:1)

尝试用主题小部件包装CheckBoxListTile,然后在unselectedWidgetColor属性中选择颜色。

  Theme(
    data: ThemeData(unselectedWidgetColor: Colors.white),
    child: CheckboxListTile(
      checkColor: Colors.white,

      title: Text(
        "show password",
        style: TextStyle(
            fontSize: 12, color: Colors.white, letterSpacing: 2),
      ),
      value: checkboxflag,
      onChanged: (newValue) {
        setState(() {
          if (newValue) {
            checkboxflag = newValue;
            _obscureText = false;
          } else {
            checkboxflag = newValue;
            _obscureText = true;
          }
        });
      },
      controlAffinity:
          ListTileControlAffinity.leading, //  <-- leading Checkbox
    ),
  )