Flutter按钮点击报错：提示需使用heroTag，求问题排查与解决

问题根源 #

报错提示要求设置heroTag，但问题不在你提供的MaterialButton代码里，而是跳转后的CalednarOrtodox页面中存在未配置唯一标识的Hero组件：

• Hero组件用于页面间的共享元素动画，必须通过heroTag参数提供唯一标识符
• 若页面中有多个Hero使用了相同的tag，或完全未设置tag，就会触发该错误

解决步骤 #

1. 检查目标页面的Hero组件
   打开CalednarOrtodox的代码，找到所有Hero widget，给每个添加唯一的heroTag：

   Hero(
     tag: 'calendar-hero-avatar', // 自定义唯一标识，确保全局不重复
     child: YourTargetWidget(),
   )
   

2. 保持联动Hero的tag一致
   如果当前页面也有和CalednarOrtodox联动的Hero组件，必须保证两端的heroTag完全相同，同时确保这个tag在整个App里唯一。
3. 移除不必要的Hero动画
   如果不需要共享元素动画，直接把页面中的Hero组件替换成普通的Container或其他布局组件即可。

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