如何在 flutter 中更改 checkBoxListTile 中的复选框颜色?
How to change the checkBox color inside the checkBoxListTile in flutter?
我正在这样使用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,
)
我可以在选中后更改复选框的颜色,但我无法在选中之前更改其颜色而不是其默认值。
怎么做?
尝试使用主题小部件包装 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
),
)
我正在这样使用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,
)
我可以在选中后更改复选框的颜色,但我无法在选中之前更改其颜色而不是其默认值。 怎么做?
尝试使用主题小部件包装 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
),
)