Flutter雷达页面组件过度重建引发性能问题求助

需求说明 #

• 开发基于CustomPainter绘制雷达的Flutter页面，具体需求：
  • 应用启动时仅展示雷达组件
  • 点击启动按钮后，触发雷达动画，同时通过Stack在雷达周围随机显示10个由Firebase数据生成的图标按钮

问题现象 #

• 最初使用固定按钮时，通过ValueListenableBuilder控制按钮显隐，不会触发Painter重建，功能运行正常
• 引入Firebase数据获取（先后尝试StreamBuilder、FutureBuilder）后，点击启动按钮出现异常：
  • 图标按钮持续重建，导致页面帧率暴跌、出现卡顿
  • 保留加载状态逻辑时，图标按钮无法渲染；移除加载状态后按钮可显示，但仍存在持续重建的问题

目前处于学习阶段，对该问题毫无头绪，已附上相关页面代码，希望能得到排查方向或解决方案。补充：有问题演示视频可直观查看异常表现。

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