Flutter setState() 没有更新 Flame SpriteAnimationWidget答案

【问题标题】：Flutter setState() is not updating a Flame SpriteAnimationWidgetFlutter setState() 没有更新 Flame SpriteAnimationWidget
【发布时间】：2022-01-07 11:32:39
【问题描述】：

我目前正在使用来自 Flame 的 SpriteAnimationWidget，我希望通过单击按钮获得不同的动画。

为了测试这是否有效，我通过单击按钮来更改 SpriteAnimationWidget 的动画参数。 1 秒后，小部件必须返回其原始动画。

这是我的代码：

Future<void> playReaction() async {
  setState(() {
    isPlaying = true;
    state = 'reaction';
  });

  await Future.delayed(Duration(milliseconds: 1000));

  setState(() {
    isPlaying = false;
    state = 'idle';
  });
}

在构建内部，我正在返回：

if(state == 'reaction') {
  spriteAnimation = reactionSprite!.createAnimation(row: 0, stepTime: 0.1, from: 0,  to: 10);
  print('reaction');
}
else if(state == 'idle'){
  spriteAnimation = sprite!.createAnimation(row: 1, stepTime: 0.2, from: 0,  to: 4);
  print('idle');
}

return Container(
  height: widget.size,
  child: Stack(
      fit: StackFit.expand,
      children: [
        Positioned.fill(
          child: SpriteAnimationWidget(
            animation: spriteAnimation!,
            anchor: Anchor.center,
          )
        ),
      ]
  ),
);

变量 sprite 和 reactionSprite 是我使用 SpriteSheet.fromColumnsAndRows() 预加载的精灵表。

问题是，虽然我的应用程序成功运行 playReaction() 并到达 print('reaction')，但 SpriteAnimationWidget 仍在播放空闲动画而不是反应动画。我知道它正在以某种方式重建，因为我可以看到当我点击按钮时动画中存在轻微的不自然的不连续性（加上打印消息）。

为什么 setState() 没有用新的动画参数更新 SpriteAnimationWidget？

我对 Flutter 和 Flame 比较陌生，所以我希望得到一些帮助或建议。

ps。我尝试使用相同的精灵表来更改不同的行（而不是像上面的代码那样使用完全不同的精灵表），但结果是一样的。

【问题讨论】：

不知道是不是和playReaction是async有关，能不能试着把它改成不是async，把延迟的部分去掉看看能不能用？
@spydon 感谢您的评论，但我认为情况并非如此。我用 SpriteWidget 尝试了相同的代码，它工作正常。准确地说，当我按下按钮时，应用程序成功返回了一个SpriteWidget（它只显示一个静止帧），等待一秒钟，然后返回它在按下按钮之前曾经显示的SpriteAnimationWidget。我不明白为什么当我只为具有不同动画的 SpriteAnimationWidgets 做同样的事情时它不起作用。
这很奇怪！我最好的建议是加入 Flame discord，看看是否有其他人遇到过这个问题。 discord.com/invite/pxrBmy4

标签： flutter dart flutter-layout flutter-animation flame

【解决方案1】：

这实际上是一个错误，我们正在修复它here。

同时，作为一种解决方法，您可以在每次更改动画时更改小部件的键，并且它应该更新小部件。

【讨论】：