Flutter中setState赋值后如何立即修改值避免触发组件重渲染？

基础认知说明 #

1. 只要调用了setState方法，Flutter就会调度一次当前组件的重渲染，这个行为无法中途取消，哪怕你立刻把状态改回原值，本次重渲染还是会执行。
2. initState确实只会在组件首次插入组件树时执行一次，组件重渲染不会触发该生命周期。

可选解决方案（按推荐优先级排序） #

方案1：无需重渲染时直接修改状态（最高推荐）

如果你只是把fetchNew作为内部逻辑的临时标记，不需要用它控制UI展示，完全不需要把状态修改包裹在setState里，直接修改变量不会触发重渲染：

refresh() {
  fetchNew = true;
  // 这里执行你需要fetchNew为true时的业务逻辑
  handleFetchLogic();
  fetchNew = false;
}

方案2：build方法内重置（次推荐，仅触发1次重渲染）

如果你确实需要调用setState触发一次重渲染，并且要在本次渲染中用到fetchNew=true的状态，可以直接在build方法中用完就重置，不需要额外调用setState，不会触发二次重渲染：

@override
Widget build(BuildContext context) {
  if (fetchNew) {
    // 执行依赖fetchNew为true的逻辑，例如数据刷新、状态同步等
    handleRefreshLogic();
    // 直接修改成员变量，不套setState不会触发重渲染
    fetchNew = false;
  }
  return Container();
}

配套的refresh方法不需要额外修改，保持原有写法即可。

方案3：帧回调重置（不推荐，会触发2次重渲染）

如果你一定要等setState的状态更新完全生效、组件重渲染完成之后再修改fetchNew，可以使用Flutter的帧绘制结束回调：

refresh() {
  setState(() {
    fetchNew = true;
  });
  // 当前帧绘制完成（即本次重渲染结束）后触发回调
  WidgetsBinding.instance.addPostFrameCallback((_) {
    setState(() {
      fetchNew = false;
    });
  });
}

该方案会触发两次组件重渲染，性能开销最高，仅特殊场景下使用。

内容的提问来源于stack exchange，提问作者Lukas Luke Stateczny