颤动动画设计

Question

如何在 Flutter 中实现类似的动画？尝试了不同的动画与动画位置。看来是失败了。

https://giphy.com/gifs/XJ1awq5Wr83uJFkLup

Answer 1

您可以尝试使用TweenSequence自定义交换动画示例

final Animation<double> animation = TweenSequence<double>(
 <TweenSequenceItem<double>>[
  TweenSequenceItem<double>(
    tween: Tween<double>(begin: 5.0, end: 10.0)
        .chain(CurveTween(curve: Curves.ease)),
    weight: 40.0,
  ),
  TweenSequenceItem<double>(
    tween: ConstantTween<double>(10.0),
    weight: 20.0,
  ),
 ],
).animate(myAnimationController);

虽然自定义可能需要一些努力才能将其应用于 2 个以上的项目，但我相信这个简单的示例可以带您根据动画设计实现您想要实现的目标。