🐣
【Flutter】DropdownButtonプルダウン機能を持ったボタン
DropdownButtonについて
DropdownButtonはタップすると、あらかじめ設定しておいた選択肢(プルダウン)の中から値を選択することができます
記述の仕方
//プルダウンの初期値を1にしselectValue変数を定義
int selectValue = 1;
DropdownButton(
value:selectValue,
items:
//一つ目のDropdownMenuItemを'選択肢1'とし、value:1として
[DropdownMenuItem (
child:Text('選択肢1'),
value:1;
...//同じように選択肢2.3を追加
],
//引数をnewValueと定義、setstateの中でselectValueに代入※as int としているのは最初に定義したselectValue変数がintなのでint型でキャストする必要がある
onChanged:(newValue){
setState((){
selectValue = newValue as int;
});
})
このように三つの選択肢を持ったボタンを追加できる
備考
onCanged:(newValue){
setState((){
selectValue = newValue as int;
print(selectValue);
});
}
このようにprintを追加してみると
flutter: 2
flutter: 3
のように出力されることから、DropdownButtonはValueの整数の値のみを使用して選択肢を出力していることがわかる
Discussion
コードブロックは、色をつけると見やすくなりますよ。

バッククォートの後に、dartとつけてみてください。
pull downはEnumで作る人が多い気がするから、僕は真似して使ってますね。引数付きのEnumが多いかな。
ご興味あればお試しください。
ありがとうございます!
参考にします!