React-native - 在点击时为组件设置动画

Question

我是反应原生的新手，我正在尝试制作一个动画片，在阅读动画文档后，我明白我要使用createAnimatedComponent组件处理动画，所以这是我的我要在其上运行动画的组件。

const AnimateCmp = Animated.createAnimatedComponent(styled.View` 
  position: absolute;
  left: ${({ left }) => left ? 0 : '50%'};
  width: 50%;
  border-top-width: 2px;
  border-top-color: red;
`);

我正在使用样式化的组件（但没有什么可以打断动画），现在问题是我不知道如何从这里继续，因为你们可以看到left将在我需要时返回true当我完全正确地需要它时，它完全是左和右。任何指示如何完成。

<AnimateCmp left={true} />

只是说清楚我的目标是获得相同的结果，好像我会在css中那样做 transition: left 0.5s linear;

谢谢！