Flutterでのドロップダウンボタンのデフォルト値の設定方法


  1. 初期化時にデフォルト値を指定する方法:
String dropdownValue = 'Option 1';
DropdownButton<String>(
  value: dropdownValue,
  onChanged: (String newValue) {
    // ドロップダウン値が変更された時の処理
    setState(() {
      dropdownValue = newValue;
    });
  },
  items: <String>['Option 1', 'Option 2', 'Option 3']
    .map<DropdownMenuItem<String>>((String value) {
      return DropdownMenuItem<String>(
        value: value,
        child: Text(value),
      );
    })
    .toList(),
)
  1. 別の変数を使用してデフォルト値を管理する方法:
String dropdownValue;
@override
void initState() {
  super.initState();
  dropdownValue = 'Option 2'; // デフォルト値を設定する
}
DropdownButton<String>(
  value: dropdownValue,
  onChanged: (String newValue) {
    // ドロップダウン値が変更された時の処理
    setState(() {
      dropdownValue = newValue;
    });
  },
  items: <String>['Option 1', 'Option 2', 'Option 3']
    .map<DropdownMenuItem<String>>((String value) {
      return DropdownMenuItem<String>(
        value: value,
        child: Text(value),
      );
    })
    .toList(),
)
  1. 別のクラスやenumを使用してデフォルト値を管理する方法:
enum Options { Option1, Option2, Option3 }
Options dropdownValue = Options.Option2;
DropdownButton<Options>(
  value: dropdownValue,
  onChanged: (Options newValue) {
    // ドロップダウン値が変更された時の処理
    setState(() {
      dropdownValue = newValue;
    });
  },
  items: Options.values
    .map<DropdownMenuItem<Options>>((Options value) {
      return DropdownMenuItem<Options>(
        value: value,
        child: Text(value.toString().split('.').last),
      );
    })
    .toList(),
)

これらの方法を使用することで、Flutterのドロップダウンボタンのデフォルト値を簡単に設定することができます。適切な方法を選択し、自分のアプリケーションに合わせて利用してください。