[Flutter]DropdownButton(ドロップダウンボタン)のアイコン(icon)の色(color)を変える(change)には？

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

DropdownButtonのアイコンの色を変える方法を紹介します。

方法
使用例

方法

DropdownButtonのアイコンの色を変えるには、次の２つの引数を使います。

iconEnabledColor : 有効時の色
iconDisabledColor：無効時の色

これら２つの引数にアイコンの色を指定します。

DropdownButton(
  iconEnabledColor: /*アイコンの有効時の色*/,
  iconDisabledColor: /*アイコンの無効時の色*/,
  value: _text,
  items: [
    ・・・
  ],
  onChanged: (String? value) {
    ・・・
  },
),

引数「iconEnabledColor」と引数「iconDisabledColor」を使えば、DropdownButtonのアイコンの色を設定することが出来ます。

使用例

以下は、使用例です。

DropdownButton(
  iconEnabledColor: Colors.pink,
  iconDisabledColor: Colors.blueGrey,
  value: _text,
  items: [
    DropdownMenuItem(
      child: Text('Hello'),
      value: 'Hello',
    ),
    DropdownMenuItem(
      child: Text('Hola'),
      value: 'Hola',
    ),
    DropdownMenuItem(
      child: Text('こんにちは'),
      value: 'こんにちは',
    ),
  ],
  onChanged: _isEnabled
      ? (String? value) {
          setState(() {
            _text = value ?? 'Hello';
          });
        }
      : null,
),