[Flutter]ドロップダウンボタン(DropdownButton)のアイコンを削除する方法

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

ドロップダウンボタンの右側に表示されるアイコンを削除する方法を紹介します。

方法

ドロップダウンボタンのアイコンを削除する方法は、２つあります。

iconSize

１つは、引数「iconSize」に「０」を設定する方法です。

DropdownButton(
  iconSize: 0,
  value: _value,
  onChanged: (value) {},
  items: [
       ・・・
  ],
)

Visibility

もう１つは、Visibilityを使う方法です。

まず、「Visibility」を引数「icon」に指定します。

そして、Visibilityの引数「visible」に「false」、「child」にアイコンを指定します。

DropdownButton(
  icon: Visibility(
    visible: false,
    child: Icon(Icons.arrow_drop_down),
  ),
  value: _value,
  onChanged: (value) {},
  items: [
    ・・・
  ],
)

まとめ

ドロップダウンボタンのアイコンを削除する方法は、次の２つです。

• iconSizeに0を設定する方法
• Visibilityを使う方法