Flutter DropdownButton选中值不显示，提示文本未变更问题求助

我看到你的问题了——DropdownButton选完值后还是一直显示"Select"提示文本，没展示选中的内容。咱们来一步步排查问题，搞定它：

问题根源 #

最可能的原因是fontSizeValue的作用域不对：如果这个变量是在build()方法内部定义的，每次调用setState()触发UI重建时，它都会被重新初始化为null。DropdownButton发现value还是null，就会一直显示hint文本。

另外，即使它是类成员变量，初始值为null的情况下，也要确保setState()能正确触发组件更新，且value属性和变量绑定无误。

解决方案 #

1. 将fontSizeValue声明为State类的成员变量 #

把它移到你的State子类里作为成员变量，这样它的状态会在组件生命周期内被保留，不会每次重建都重置。如果有默认字体大小，还可以给它一个初始值：

class _YourWidgetState extends State<YourWidget> {
  // 声明为成员变量，这里给个默认值示例
  String fontSizeValue = "16.0"; 
  double fontSize = 16.0;

  @override
  Widget build(BuildContext context) {
    // 后续的build代码...
  }
}

2. 优化DropdownButton的回调与绑定 #

调整onChanged回调的参数处理（避免空指针），同时确保value属性正确绑定fontSizeValue：

DropdownButton<String>(
  value: fontSizeValue,
  hint: const Text('Select'),
  items: List<double>.generate(72, (i) => i + 2.0).map((double value) {
    return DropdownMenuItem<String>(
      value: value.toString(),
      child: Text(value.toString()),
    );
  }).toList(),
  onChanged: (String? newValue) {
    // 加非空判断，避免空指针错误
    if (newValue != null) {
      setState(() {
        fontSize = double.parse(newValue);
        fontSizeValue = newValue;
        print(fontSizeValue); // 这里应该能打印出选中的数值
      });
    }
  },
)

3. 验证状态更新逻辑 #

当你选择一个值后，setState()会触发组件重建，此时fontSizeValue已经是选中的字符串，DropdownButton会自动匹配对应的DropdownMenuItem并显示它的文本内容，而不再显示"Select"提示。

如果还是没效果，可以检查下fontSizeValue有没有在其他地方被意外重置，或者确认你的State类没有被父组件不必要地重建。

内容的提问来源于stack exchange，提问作者TJMitch95