React native 位置为绝对时的动画视图旋转变换

我在react原生组件中有两个动画视图。我想用旋转变换旋转第二个。旋转是可行的，但我不希望我的视图在中间相互交叉我希望它们从左侧的同一原点开始。。。像时钟一样。

你知道我该如何以一种优雅的方式（不必每次都硬编码）完成这项工作吗

我使用绝对定位，因为我希望它们从同一个地方开始。如果你有其他创造性的选择，请告诉我。 它需要保持在同一原点，即使我设置宽度动画…

谢谢

<Animated.View style={{
    backgroundColor: 'red',
    width: 120,
    height: 26,
    borderRadius: 13,
    position: 'absolute'
}} />
<Animated.View style={{
    backgroundColor: 'blue',
    width: 120 // an increasing animated value for the width here in the real app
    height: 26,
    borderRadius: 13,
    position: 'absolute',
    transform: [{
    rotate: '160deg'
    }]
}} />