Flutter笔记-There are multiple heroes that share the same tag within a subtree

最新推荐文章于 2021-10-29 14:13:08 发布

小溪彼岸

最新推荐文章于 2021-10-29 14:13:08 发布

阅读量367

点赞数

分类专栏： Flutter学习文章标签： Flutter

本文链接：https://blog.csdn.net/zww1984774346/article/details/107229155

版权

Flutter学习专栏收录该内容

9 篇文章 2 订阅

订阅专栏

在使用FloatingActionButton时报错了

floatingActionButton: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          FloatingActionButton(
            onPressed: () => _addItem(),
            child: Icon(Icons.add),
          ),
          SizedBox(
            width: 60,
          ),
          FloatingActionButton(
            onPressed: () => _removeItem(),
            child: Icon(Icons.remove),
          ),
        ],
      ),

报错内容：

════════ Exception caught by scheduler library ═════════════════════════════════
The following assertion was thrown during a scheduler callback:
There are multiple heroes that share the same tag within a subtree.

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: <default FloatingActionButton tag>
Here is the subtree for one of the offending heroes: Hero
    tag: <default FloatingActionButton tag>
    state: _HeroState#2520e

主要问题是在使用多个FloatingActionButton时heroTag需是唯一的。

解决方案：

floatingActionButton: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          FloatingActionButton(
            heroTag: 'first',
            onPressed: () => _addItem(),
            child: Icon(Icons.add),
          ),
          SizedBox(
            width: 60,
          ),
          FloatingActionButton(
            heroTag: 'second',
            onPressed: () => _removeItem(),
            child: Icon(Icons.remove),
          ),