Flutter - значение DropdownButton остается пустым после выбора - PullRequest
Новая
       10

Flutter - значение DropdownButton остается пустым после выбора

0 голосов
/ 29 августа 2018

Предположим, что мы создали простой DropdownButton ABCPageState в виджете с состоянием ABC. 

class ABCPageState extends State<ABCPage> {

  @override 
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new Container(
        child:
          new DropdownButton(
                hint: new Text("Please select value"),
                items: <String>['Value 1', 'Value2'].map((String value) {
                  return new DropdownMenuItem<String>(
                    value: value,
                    child: new Text(value),
                  );
                }).toList(),
                onChanged: (_) {},
          )
      )
    );
  }
}

но НЕТ ЗНАЧЕНИЯ выбрано после того, как мы нажмем один из вариантов. Другими словами - DropdownButton пуст, даже если мы нажали на элемент. Как мы можем это исправить?

1 Ответ

0 голосов
/ 29 августа 2018

Просто создайте dropdownSelectedItem переменную, которая будет хранить выбранный элемент. DropdownButton имеет свойство value, которое устанавливает выбранное значение. В обратном вызове onChanged установите значение переменной dropdownSelectedItem. Не забудьте вызвать метод setState впоследствии, чтобы перерисовать пользовательский интерфейс. 

class ABCPageState extends State<ABCPage> {

  var dropdownSelectedItem;

  @override 
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new Container(
        child:
          new DropdownButton(
                hint: new Text("Please select value"),
                items: <String>['Value 1', 'Value2'].map((String value) {
                  return new DropdownMenuItem<String>(
                    value: value,
                    child: new Text(value),
                  );
                }).toList(),
                value: dropdownSelectedItem,
                onChanged: (val) { dropdownSelectedItem = val; setState((){}); },
            ),
      ), 
    );
  }
}
...