Question

当我有2个单选按钮时，其中一个被选中而另一个未被选中，其中一个将是活动颜色，而另一个则是灰色，因此有什么方法可以将未选择的颜色从灰色更改为白色？

Answer 1

当然，您必须更改单选按钮容器的ThemeData。

假设您使用的是Row容器：

  Theme(
        data: ThemeData.dark(), //set the dark theme or write your own theme
                  child: Row(
          children: <Widget>[
            Radio(
              //your attributes here...
            ),
            Radio(
              //your attributes here...
            )
          ],
        ),
      )

它如何工作？

由于您检查了ThemeData的代码，因此您会看到此验证信息

unselectedWidgetColor ??= isDark ? Colors.white70 : Colors.black54;

然后深色主题使用white70

Answer 2

在unselectedWidgetColor中设置主题的MaterialApp道具，如下所示：

return new MaterialApp(
      title: 'xyz',
      home: xyz(),
      theme: ThemeData(
        brightness: Brightness.dark,
        unselectedWidgetColor:Colors.white
      ),
    );

一个有用的技巧，可以阅读radio.dart的源代码，您将获得一切！

Answer 3

用主题小部件包裹您的收音机小部件，并使用unselectedWidgetColor作为您想要的颜色添加主题数据

例如：

              Theme(
                  data: ThemeData(
                    //here change to your color 
                    unselectedWidgetColor: Colors.White,
                  ),
                  child: Row(
                    children: <Widget>[
                           Radio(), 
                           Radio()
                    ],
                  ),
                );

Flutter中的单选按钮未选择的颜色

3 个答案: