[Flutter]ドロップダウンボタン(DropdownButton)の下線(underline)の色(color)を設定する方法

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

ドロップダウンボタンの下線の色を設定する方法を紹介します。

方法

ドロップダウンの下線の色を設定するには、まず、DropDownButtonの引数「underline」にContainerやSizedBox、Dividerなどのウェジェットを指定します。

そして、指定したウェジェットで、色を設定します。

child: DropdownButton(
  underline: Container(
    height: 4,
    color: Colors.red,
  ),
  ・・・
),

引数「underline」は「Widget?」型なので、ウェジェットなら何でも指定することが出来ます。

オススメの記事