dart - 具有 int 项目的 DropdownButton 不起作用，它不选择新值

Question

我需要使用 int 项目创建 DropdownButton 小部件，但它没有按预期工作。

这是代码:

DropdownButton<int>(
    hint: Text("Pick"),
    items: <int>[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((int value) {
      return new DropdownMenuItem<int>(
        value: _number_tickets_total,
        child: new Text(_number_tickets_total.toString()),
      );
    }).toList(),
    onChanged: (newVal) {
      setState(() {
        _number_tickets_total = newVal;
      });
    })

问题是小部件永远不会获得选定的值。即使我选择了一个值，我也总是会看到“提示”文本。

Answer 1

您缺少的是 DropdownButton 的 value 属性。当该值为空时，它将显示提示，否则显示最新选择的值。

您在下拉项中使用的值与整个列表无关，这就是为什么您应该只向它们传递相关信息。我使用下面的 value 属性修改了您的代码。

      DropdownButton<int>(
        hint: Text("Pick"),
        value: _number_tickets_total,
        items: <int>[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((int value) {
          return new DropdownMenuItem<int>(
            value: value,
            child: new Text(value.toString()),
          );
        }).toList(),
        onChanged: (newVal) {
          setState(() {
            _number_tickets_total = newVal;
          });
        });