flutter - 如何在 flutter 中更改复选框边框颜色？默认情况下，它显示为黑色，但我希望它显示为灰色

Question

如何在 flutter 中更改复选框边框颜色？默认情况下，它显示为黑色，但我希望它显示为灰色。

Answer 1

CheckBox 的边框颜色来自 unselectedWidgetColor您的 ThemeData .

添加以下 ThemeData给您的 MaterialApp

MaterialApp(
  title: 'Flutter Demo',
  debugShowCheckedModeBanner: false,
  theme: ThemeData(
    primarySwatch: Colors.blue,
    unselectedWidgetColor: Colors.red, // <-- your color
  ),
  home: MyHomePage(title: 'Flutter Demo Home Page'),
);

如果您不想为 MaterialApp 添加颜色的 ThemeData然后你可以包装你的 CheckBox带有 Theme 的小部件小部件，以下是供您引用的代码:

Theme(
    child: Checkbox(
      value: false,
      onChanged: (_) {},
    ),
    data: ThemeData(
      primarySwatch: Colors.blue,
      unselectedWidgetColor: Colors.red, // Your color
    ),
  ),

我希望这会有所帮助，如有任何疑问，请发表评论。如果这个答案对你有帮助，那么请接受并投票这个答案。