Flutter DropdownButtonの背景色を変えるサンプル

2023年9月24日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
Container(
color: /*背景色*/,
child: DropdownButton(
value: _text,
DropdownButtonの背景色を変えるには、Containerを使います。

作成方法
1.DropdownButtonをContainerでラップします。
2.Containerの引数「color」に背景色を指定します。

実装コード

Container(
  color: Colors.red[100],
  child: DropdownButton(
    value: _text,
    items: [
      DropdownMenuItem(
        child: Text('Tokyo'),
        value: 'Tokyo',
      ),
      DropdownMenuItem(
        child: Text('Oosaka'),
        value: 'oosaka',
      ),
    ],
    onChanged: (String? value) {
      setState(() {
        _text = value ?? 'Tokyo';
      });
    },
  ),
),