Question

我最近开始使用飞镖和颤振进行编程，尽管我最近想添加下拉菜单为用户提供多种选择，但我的应用程序运行一直很顺利。一切都按计划进行，但是当我从列表中选择一个值时，它不会更改框中的值，而是返回到提示或一个空框。任何帮助将不胜感激！

这是我的下拉按钮代码：

Widget buildDropdownButton() {
String newValue;

return new Padding(
  padding: const EdgeInsets.all(24.0),
  child: new Column(
    mainAxisAlignment: MainAxisAlignment.start,
    children: <Widget>[
      new ListTile(
        title: const Text('Frosting'),
        trailing: new DropdownButton<String>(
            hint: Text('Choose'),
            onChanged: (String changedValue) {
              newValue=changedValue;
              setState(() {
                newValue;
                print(newValue);
              });
            },
            value: newValue,
            items: <String>['None', 'Chocolate', 'Vanilla', 'ButterCream']
                .map((String value) {
              return new DropdownMenuItem<String>(
                value: value,
                child: new Text(value),
              );
            }).toList()),
      ),
    ],
  ),
);
}

Answer 1

该错误是因为您在声明方法变量newValue时必须在StatefulWidget内部将该变量声明为全局变量。

   String newValue;

  Widget buildDropdownButton() {
  return new Padding(
    padding: const EdgeInsets.all(24.0),
    child: new Column(
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        new ListTile(
          title: const Text('Frosting'),
          trailing: new DropdownButton<String>(
              hint: Text('Choose'),
              onChanged: (String changedValue) {
                newValue=changedValue;
                setState(() {
                  newValue;
                  print(newValue);
                });
              },
              value: newValue,
              items: <String>['None', 'Chocolate', 'Vanilla', 'ButterCream']
                  .map((String value) {
                return new DropdownMenuItem<String>(
                  value: value,
                  child: new Text(value),
                );
              }).toList()),
        ),
      ],
    ),
  );
  }

Answer 2

面临同样的问题，但没有一个答案奏效。然后，我在我的一个旧项目中找到了解决方案。

我在此处的 AlertDialog 中使用它。

因此，将 DropdownButton 更改为 DropdownButtonFormField

并添加与 onSaved 完全相同的 onChanged：

onSaved: (value) {
    setState(() {
        _selectedValue = value;
    });
}

就是这样。它将开始工作。

Answer 3

尽管我已经在使用上面的解决方案，但是我遇到了这个问题。

对于有此问题并且以上解决方案不起作用的任何人，请尝试从下拉列表中分离FutureBuilder。这就是您的最终代码应如下所示：

class TheFuture extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: myFuture(),
      builder: (ctx, snp) {
        if (!snp.hasData) return LoadingLine();
        return TheBuilder(snp.data);
      },
    );
  }
}

class TheBuilder extends StatefulWidget {
  const TheBuilder(this.mp);
  final Map<String, dynamic> mp;
  @override
  _MessageUSScreenFilterBodyState createState() =>
      _MessageUSScreenFilterBodyState();
}

class _MessageUSScreenFilterBodyState extends State<MessageUSScreenFilterBody> {
  int _selectedId;

  @override
  Widget build(BuildContext context) {
    return DropdownButton<int>(
      selectedItemBuilder: (context) =>
          widget.mp['myData'].map((e) => Text(e.type)).toList(),
      items: widget.mp['myData']
          .map(
            (e) => DropdownMenuItem(
              child: Text(e.type),
              value: e.id,
            ),
          )
          .toList(),
      value: _selectedId,
      onChanged: (int _id) {
        setState(() {
          _selectedId = _id;
        });
      },
    );
  }
}

Answer 4

使用 StatefulBuilder 包装下拉按钮并在构建方法之外初始化 newValue。

  StatefulBuilder(
          builder: (context, setState) => AlertDialog(
            title: Text("Change Status"),
            content: Container(
              padding: EdgeInsets.symmetric(horizontal: 8.0),
              decoration: BoxDecoration(
                  border: Border.all(color: Colors.grey, width: 1),
                  borderRadius: BorderRadius.circular(5)),
              child: DropdownButtonHideUnderline(
                child: DropdownButton(
                    hint: Text('Choose'),
                    onChanged: (String changedValue) {
                      setState(() {
                        newValue = changedValue;
                        print(newValue);
                      });
                    },
                    value: newValue,
                    items: <String>[
                      'None',
                      'Chocolate',
                      'Vanilla',
                      'ButterCream'
                    ].map((String value) {
                      return new DropdownMenuItem<String>(
                        value: value,
                        child: new Text(value),
                      );
                    }).toList()),
              ),
            ),
            
          ),
        ));

颤振中的下拉按钮不会将值切换到所选值

4 个答案: