Flutter中initState内用setState致DropdownButton不更新的解决方法

首先咱们来搞清楚问题出在哪：你把FutureBuilder的实例存在了initState里初始化的_FBDDB变量中，这就意味着这个FutureBuilder只会被创建一次。当你通过setState更新_selItem时，build方法确实会重新执行，但你用的还是那个一开始就创建好的旧FutureBuilder实例，它根本不会读取最新的_selItem值，自然下拉选择后的界面不会有变化。

而且把FutureBuilder放在initState里也不是正确的用法，咱们换个方式既避免重复请求API，又能让Dropdown正常响应选中值的变化：

修复步骤 #

1. 定义一个单独的Future变量来存储API请求的结果，确保只请求一次
2. 在initState中初始化这个Future，而不是直接创建FutureBuilder
3. 把FutureBuilder移到build方法里，这样每次setState后都会重新渲染Dropdown，读取最新的选中值

修改后的完整代码 #

final _formKey = GlobalKey<FormState>();
String _selItem;
// 定义一个Future变量存储API请求结果，替换成你实际的数据模型类型
Future<YourDataModel> _dataFuture; 

@override
void initState() {
  super.initState();
  // 在initState里初始化Future，确保API只请求一次
  _dataFuture = getdata();
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Form(
      key: _formKey,
      child: FutureBuilder(
        future: _dataFuture, // 使用预初始化的Future，避免重复请求
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            return DropdownButton<String>(
              value: _selItem,
              onChanged: (v) {
                setState(() {
                  _selItem = v;
                });
              },
              items: snapshot.data.items.map((item) {
                return DropdownMenuItem<String>(
                  value: item.id,
                  child: Text(item.name));
              }).toList(),
            );
          } else if (snapshot.hasError) {
            alertErr(context, snapshot.error.toString());
            return const Text("加载出错"); // 补充占位Widget，避免builder返回null报错
          }
          return const Center(child: LinearProgressIndicator());
        },
      ),
    ),
  );
}

关键说明 #

• 用_dataFuture存储API请求的Future，在initState中赋值，确保整个生命周期里只执行一次API请求，避免重复加载数据
• 把FutureBuilder放在build方法中，这样每次调用setState（比如选中下拉项时），build会重新执行，FutureBuilder会用最新的_selItem值重新渲染DropdownButton，界面就能正常更新了
• 补充了出错时的占位Widget，避免因builder返回null导致的运行时错误，你可以根据需求调整这个占位UI

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