react-native - 旋转矩形使其以奇怪的模式移动

Question

我正在尝试使 svg 中的矩形旋转到位（围绕它的中间），但是事实证明这比我想象的要困难。相反，矩形以一种奇怪的模式移动。这可能是因为旋转原点错误，但是我自己还没有找到解决此问题的方法。

我为此创建了一个博览会来演示这个问题：https ://snack.expo.io/SJqTgyu0N

我想保留矩形本身的样式/过渡，而不是将其移动到 AnimatedG 组件。