在响应本机中使用transform translateX从左到右和从右到左进行动画处理？

问题描述

我想从右到左和从左到右为我的组件设置动画：

const CardCashout: FC<CardCashoutProps> = ({ openCard }) => {
 const left = new Animated.Value(0);
  useEffect(() => {
    if (openCard)
      Animated.timing(left,{
        tovalue: 0,duration: 5000,easing: Easing.inOut(Easing.ease),}).start();
    else {
      Animated.timing(left,{
        tovalue: 222,easing: Easing.out(Easing.ease),}).start();
    }
  },[openCard]);
  return (
    <Animated.View style={{ transform: [{ translateX: left }] }}>
      <Text>CardCashout</Text>
    </Animated.View>
  );
};

当opencard为false时，向右转为动画，但是当opecard为true时我尝试切换它时，没有动画发生吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）