单个组件的动画会弄乱整个视图— SwiftUI

Question

我正在为我的妻子构建一个SwiftUI应用。她的头像随着重复的动画而跳动。它看起来很酷，而且似乎可以正常工作。这是一个驻留在其自己的SwiftUI文件中的组件。

但是，当我将一堆组件组合在一起以创建视图时，动画会将其弄乱了。

真是一团糟，对不对？

我认为发生这种情况是因为我没有定义视图的宽度。我使用了this issue中的修复程序，但没有任何区别。

我感觉很困在这里。 Here's the repo for the project, with the code for this view。有谁知道如何解决此动画问题？

Answer 1

您需要删除AvatarComponent中的animation(nil)

您还需要将所有.frame(width: 352)更改为.frame(width: UIScreen.main.bounds.size.width)

Answer 2

上述E.Coms的回答非常有帮助！但是，我没有替换所有UI元素的宽度(325)，而是将.frame(width: UIScreen.main.bounds.size.width)附加到顶级包装器中。现在看来一切正常！