Flutter中FutureBuilder已在initState赋值仍重复执行问题排查

原因分析 #

你已经在initState中正确初始化了_future，确保readJson()只会执行一次，但FutureBuilder的builder方法仍重复执行，核心原因是宿主Widget的build方法被多次触发：

• 切换底部导航栏（比如从首页切到Profile再切回）时，_selectedPageIndex变化调用setState，触发HomeScreen的build重建；
• AppBar的内容会根据_selectedPageIndex动态切换，每次切换都会导致Widget树重建；
• 系统级事件（如屏幕旋转、输入法弹出/收起）也会触发build方法重新执行。

每次build重建时，imageBuilder函数会被重新调用，进而重新构建FutureBuilder实例。虽然_future是同一个已完成的Future，但FutureBuilder的builder会在每次Widget重建时执行，所以你会看到print("1")持续输出。

危害评估 #

从你的代码来看，readJson()不会重复执行（因为_future仅在initState中初始化一次），所以不会重复读取本地JSON文件，这部分没有额外开销。但builder重复执行仍可能带来以下问题：

• 如果builder内部包含复杂计算、频繁创建新对象（而非复用），会增加内存占用，触发频繁GC，影响页面流畅度；
• 若后续在builder中添加了副作用逻辑（比如网络请求、本地存储操作），可能会导致这些操作被重复触发，引发异常或资源浪费。

当前你的代码中，builder主要是构建GridView，而GridView.builder本身会复用item Widget，所以实际性能影响很小，只是打印日志会显得冗余。

优化建议（可选） #

如果想减少builder的不必要执行，可以将FutureBuilder封装为独立的StatefulWidget，利用AutomaticKeepAliveClientMixin保持状态，避免每次父Widget重建时重新执行builder逻辑；或者将imageBuilder转换为Widget类，而非方法，减少重建时的重复创建。

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