如何更改Flutter复选框的厚度

gblwokeq  于 2023-02-09  发布在  Flutter
关注(0)|答案(1)|浏览(131)

经过搜索,我找到了改变复选框颜色的方法,但没有找到改变粗细的方法

除了使用自定义复选框外,还有其他方法吗

checkboxTheme: CheckboxThemeData(
        checkColor: MaterialStateProperty.all(kWhiteColor),
        fillColor: MaterialStateColor.resolveWith((states) {
          if (states.contains(MaterialState.selected)) {
            return kPrimaryColor; // the color when checkbox is selected;
          }
          return Colors.grey
              .withOpacity(0.4); //the color when checkbox is unselected;
        }),

谢谢

qyswt5oh

qyswt5oh1#

在flutter中,checkBox小部件带有一个名为side的属性,使用side属性,可以轻松地更改复选框的样式、颜色、宽度等。
代码段示例:

Checkbox(
        side: MaterialStateBorderSide.resolveWith(
          (Set<MaterialState> states) {
            if (states.contains(MaterialState.selected)) {
              return const BorderSide(width: 3, color: Colors.red);
            }
            return const BorderSide(width: 2, color: Colors.green);
          },
        ),
        value: checkBoxValue,
        onChanged: (bool? updatedValue) {
          setState(() {
            checkBoxValue = updatedValue!;
          });
        })

相关问题