title: Routing Problem: "There are multiple heroes that share the same tag within a sub-tree ."
body: <pre><code>import 'package:flutter/material.dart';
  import 'package:ui_mvc/Rings.dart';
  
  
  class Diamonds extends StatefulWidget {
    @override
    _DiamondsState createState() =&gt; _DiamondsState();
  }
  
  class _DiamondsState extends State&lt;Diamonds&gt; {
  
    var dataList= [
      {
       &quot;name&quot;: &quot;A1&quot;,
        &quot;image&quot;:&quot;assets/1.jpg&quot; ,
        &quot;location&quot;: &quot;Delhi&quot;,
      },
      {
        &quot;name&quot;: &quot;A2&quot;,
        &quot;image&quot;: &quot;assets/2.jpg&quot; ,
        &quot;location&quot;: &quot;Delhi&quot;,
      },
      {
        &quot;name&quot;: &quot;A3&quot;,
        &quot;image&quot;: &quot;assets/3.jpg&quot; ,
        &quot;location&quot;: &quot;Delhi&quot;,
      },
      {
        &quot;name&quot;: &quot;A4&quot;,
        &quot;image&quot;: &quot;assets/4.jpg&quot; ,
        &quot;location&quot;: &quot;Delhi&quot;,
      },
      {
        &quot;name&quot;: &quot;A5&quot;,
        &quot;image&quot;: &quot;assets/5.jpg&quot; ,
        &quot;location&quot;: &quot;Delhi&quot;,
      },
  
    ];
    @override
    Widget build(BuildContext context) {
      return GridView.builder(
          scrollDirection: Axis.horizontal,
          itemCount: dataList.length,
          gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 1),
          itemBuilder: (BuildContext context,int index){
            return SingleProd(
              prodName: dataList[index]['name'],
              prodImage: dataList[index]['image'],
              prodLocation: dataList[index]['location'],
            );
          });
    }
  }
  
  class SingleProd extends StatelessWidget {
    final prodName;
    final prodImage;
    final prodLocation;
  
    SingleProd({
     this.prodName,
     this.prodImage,
     this.prodLocation,
  });
  
    @override
    Widget build(BuildContext context) {
      return Card(
        child: Hero(
            tag: prodName,
            child: Material(
              child: InkWell(
                onTap: ()=&gt;
                  Navigator.of(context).push(
                    new MaterialPageRoute(builder: (context)=&gt; new Rings())
                  ),
                child: GridTile(
                  footer: Container(
                    color: Colors.white,
                    child: ListTile(
                      title: Text(
                        prodName,
                        textAlign: TextAlign.left,
                      ),
                      subtitle: Text(
                        prodLocation,
                        textAlign: TextAlign.left,
                      ),
                    ),
                  ),
                  child: Image.asset(
                      prodImage,
                      fit: BoxFit.fitHeight)
                ),
              ),
            )
        ),
      );
    }
  }
  
  </code></pre>
  <p>So I'm trying to display a horizontal list with 5 tiles. I want each tile to redirect to the same page (for the time being) that's why I call Rings() which is defined in another page. And upon tapping one of the tiles the screen goes black. <strong>But it just keeps on showing me this error</strong>:
  The following assertion was thrown during a scheduler callback:
  There are multiple heroes that share the same tag within a subtree.</p>
  <p>Within each subtree for which heroes are to be animated (i.e. a PageRoute subtree), each Hero must have a unique non-null tag.
  In this case, multiple heroes had the following tag: A</p>
  <p>Here is the subtree for one of the offending heroes: Hero
  tag: A
  state: _HeroState#d0a27
  When the exception was thrown, this was the stack:</p>
  <pre><code>#0      Hero._allHeroesFor.inviteHero.&lt;anonymous closure&gt; (package:flutter/src/widgets/heroes.dart:265:11)
  #1      Hero._allHeroesFor.inviteHero (package:flutter/src/widgets/heroes.dart:276:8)
  #2      Hero._allHeroesFor.visitor (package:flutter/src/widgets/heroes.dart:295:21)
  #3      SingleChildRenderObjectElement.visitChildren (package:flutter/src/widgets/framework.dart:5433:14)
  #4      Hero._allHeroesFor.visitor (package:flutter/src/widgets/heroes.dart:308:15)
  </code></pre>