无法在抖动中重现Hero动画

时间:2020-09-30 15:23:23

标签: flutter animation

我是新手,刚刚完成课程。现在,我正在尝试创建我的第一个应用程序,并且无法在两个屏幕之间复制Hero动画。 抱歉,我无法发布所有代码,规则不允许这样做。 第二个屏幕:

Hero(
  tag: 'HotelAvatar$indexRow',
  child: Container(
    width: 60.0,
    height: 60.0,
    decoration: BoxDecoration(
      color: Colors.blueAccent,
      borderRadius: BorderRadius.all(
        Radius.circular(10.0),
      ),
    ),
  ),
),

第一个屏幕:

Hero(
  tag: 'hotelAvatar0',
  child: Container(
    width: 160.0,
    height: 160.0,
    decoration: BoxDecoration(
      color: Colors.blueAccent,
      borderRadius: BorderRadius.all(
        Radius.circular(10.0),
      ),
    ),
  ),
),

1 个答案:

答案 0 :(得分:1)

两个Hero小部件必须具有相同的确切标签才能运行。在您的情况下,您有一个带有大写字母的字符,另一个带有小写字母的字符。对其进行更正以使其相同,并且应该可以按预期工作。

tag: 'HotelAvatar$indexRow',
tag: 'hotelAvatar0',