Flutter DropdownButtonの背景色を変えるサンプル
環境
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';
});
},
),
),
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';
});
},
),
),
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';
});
},
),
),