[Flutter]ラジオボタン(RadioButton)の非選択時の色を変える方法

どうも、ちょげ(@chogetarou)です。

ラジオボタンの非選択時の色を変える方法を紹介します。

方法

全てのラジオボタン

全てのラジオボタンの非選択時の色を変えるならば、MaterialAppの引数「theme」を使います。

具体的には、引数「theme」に指定する「ThemeDataクラス」の「unselectedWidgetColor」プロパティを変更します。

MaterialApp(
    theme: ThemeData(unselectedWidgetColor: Colors.pink),
)

特定の範囲のラジオボタン

特定の範囲のラジオボタンだけの非選択時の色を変更するならば、RadioButtonを「Theme」の「child」にします。

そして、Themeの引数「data」に指定する「ThemeData」の「unselectedWidgetColor」プロパティで色を変更します。

Theme(
  data: ThemeData(
    unselectedWidgetColor: Colors.green,
  ),
  child: ListView(
    children: [
      RadioListTile(
        value: 1,
        groupValue: _groupValue,
        onChanged: (value) {},
        title: Text('アイテム１'),
      ),
      RadioListTile(
        value: 2,
        groupValue: _groupValue,
        onChanged: (value) {},
        title: Text('アイテム2'),
      ),
      RadioListTile(
        value: 3,
        groupValue: _groupValue,
        onChanged: (value) {},
        title: Text('アイテム3'),
      )
    ],
  ),
),

まとめ

ラジオボタンの非選択時の色を変更するには、Themeの「unseletedWidgetColor」プロパティを使います。