子树中有多个共享相同标签的英雄

我试图通过路线从一个屏幕导航到另一个屏幕。当我按一下按钮将页面移到提供的路线时，我得到了错误

I/flutter ( 8790): Another exception was thrown: There are multiple heroes that share the same tag within a subtree.

这是代码：

路线：

 <String, WidgetBuilder>{
    '/first':(BuildContext context) =>NavigatorOne() ,
    '/second':(BuildContext context) =>NavigatorTwo(),
    '/third':(BuildContext context) =>NavigatorThree(),

  },

Navigator.of(context).pushNamed('/first');
Navigator.of(context).pushNamed('/second');
Navigator.of(context).pushNamed('/third');

class NavigatorOne extends StatefulWidget {
  @override
  _NavigatorOneState createState() =>  _NavigatorOneState();
}

class _NavigatorOneState extends State<NavigatorOne> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(

      appBar: AppBar(),
      body: Container(
      color: Colors.green,
      child: RaisedButton(child: Text(' one 1'),onPressed: (){
        Navigator.of(context).pushNamed('/second');
      },),
    ),
    ); 
  }
}

错误：

══╡ EXCEPTION CAUGHT BY SCHEDULER LIBRARY ╞═════════════════════════════════════════════════════════ I/flutter (21786): The following assertion was thrown during a scheduler callback: I/flutter (21786): There are multiple heroes that share the same tag within a subtree. I/flutter (21786): Within each subtree for which heroes are to be animated (typically a PageRoute subtree), each Hero I/flutter (21786): must have a unique non-null tag. I/flutter (21786): In this case, multiple heroes had the following tag: <default FloatingActionButton tag>

我该如何解决？

我之前曾遇到过这个问题，这是因为我FloatingAction在一个屏幕上有两个按钮，所以必须添加一个heroTag属性+每个值FloatingActionButton，以消除错误。

例：

new FloatingActionButton(
    heroTag: "btn1",
    ...
)

new FloatingActionButton(
    heroTag: "btn2",
    ...
)

从您提供的示例代码中，您似乎没有FloatingActionButton，但是从错误中似乎确实引用了它：

I/flutter (21786): In this case, multiple heroes had the following tag: default FloatingActionButton tag

也许您在导航页面上使用了它，然后触发了错误。请注意，如果您使用编程方式创建带标签的英雄，则需要找到一种为他们赋予不同标签的方法。例如，如果您正在ListView.builder()创建FloatingActionButtons，请尝试传递带有字符串格式的标签，以便每个按钮具有不同的标签，例如：heroTag: "btn$index"。

无论如何，希望能对某人有所帮助。

您可以设置唯一的ID或仅设置null：

new FloatingActionButton(
heroTag: null,
...
)

仅适用于将来的读者：

在欣赏到@ m.vincent评论，什么导致这个错误对我来说，我用英雄里面SliverChildBuilderDelegate哪些（显然）有一个索引，所以我用的指标有像标签'tag$index'这样

SliverChildBuilderDelegate(
    (BuildContext context, int index) {
      return Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Hero(
              tag: 'tagImage$index',
              child: Image.asset(
                'image source here',
              ),
            ),

注意：这可能发生在任何具有索引创建子级的小部件（如ListView.Builder）中

使用英雄标签添加尽可能多的小部件（如字符串）

  Widget floatingButt(Function function, IconData icon, String heroTag) {
    return FloatingActionButton(
      onPressed: function,
      heroTag: heroTag,
      materialTapTargetSize: MaterialTapTargetSize.padded,
      backgroundColor: Constants.primaryColor, // from your values file
      child: Icon(
        icon,
        size: 36.0,
      ),
    );
  }

对我来说，只为我添加一个唯一项heroTag是FloatingActionButtons行不通的。我最终将包裹heroTag在一个Text小部件中，这为我解决了问题。

new FloatingActionButton(
    heroTag: Text("btn1"),
    ...
)

new FloatingActionButton(
    heroTag: Text("btn2"),
    ...
)

我遇到了同样的错误。这是因为在单个屏幕中多次使用了诸如浮动操作按钮之类的按钮。
以前我使用浮动动作按钮，而是将其更改为手势检测器以使用ontap，因此它可以正常工作

  GestureDetector(

              //backgroundColor: Colors.amber[100],
              onTap: add,
              child: Icon(
                FontAwesomeIcons.plus,
                size: 30,
              ),
            ),
            SizedBox(
              width: 20,
            ),
            GestureDetector(
             // heroTag: "btn2",
             // backgroundColor: Colors.amber[100],
              onTap: sub,
              child: Icon(FontAwesomeIcons.minus, size: 30),
            ),

tag: Uuid()如果具有相同标签的多个项目，则只需进行设置。