问题标签 [react-animations]

我正在构建一个显示none或block依赖于它的isActive道具的组件。

我已经设法使它像这样slideInDown使用。react-animationsstyled-components

我现在需要成功slideOutUp。但是，我不确定如何同时实现两者slideInDown和slideOutUp动画。

我将如何做到这一点？

注意：这有效。但我不知道如何让它既滑入又滑出。我在下面尝试了类似的方法，但没有奏效。

Animated我对API有 2 个问题。

第一个：我可以使用以下代码从左到右显示图像。我想将图像从位置缩放X=40 (leftPadding), Y=100(topPadding), height:20, width:20到X=20, Y=10, height:250, width:300. 我如何实现这一目标？

我的代码：

第二：每次运行动画时，都会出现异常：

我找不到任何关于此的文档。如何使用transform道具。

非常感谢。

主要目标是在我的平面列表中启动一个动画，而不是同时播放所有动画。

我一直在研究这个问题的解决方案，我发现每个动画都需要在平面列表中是唯一的。所以我曾经item.id和那个一起工作。这是我到目前为止得到的：

_children: array(0)表示没有动画正在播放。为了证明，我收集了当我做一个标准动画时的结果，当我点击任何人时，所有动画都会被激活。（这不是我需要的。）

这是我的构造函数的样子：

我不确定是否应该将空对象保留在其中progress，但似乎可以解决。

最后，这是我的其余代码：

在这里，我绑定了我点击的动画的 id。当我单击动画时，会弹出正确的 ID，但动画不播放。我可能想通了，我似乎无法让动画重新开始使用这段代码。

我目前的问题是我的动画没有为id分配的正确激活：

结果console在这里：

在你看到的地方10: AnimatedValue，10代表id我为那个动画点击的那个。由于某种原因，动画没有播放10。

这是我尝试的尝试，并且（我猜）将正确的附加id到AnimatedValue：

有没有办法嘲笑我在里面发生的事情console.log？

假设我的动画被迭代 20 次，但我不希望所有动画同时播放。我将如何触发一个特定的动画，其值为1. 如果我点击了，1那么其他 19 不应该触发除此之外1。

我试过了，仍然触发了所有的动画。有没有办法专门触发它们？

数据源：

如果要使用 PanResponder 拖放元素，可以通过两种方式将移动值传递给 onPanResponderMove 方法：

1. 带动画的.Event

2. 使用 .setValue

在我的测试中，两者似乎都做同样的事情。有什么区别？

我有一个反应单页应用程序，具有多个组件。对于第 5 个组件（仅在向下滚动时可见），我有一个 counter 。现在我正在使用 react-countup 库来实现计数器功能。但是，该计数器会在页面加载后立即启动。一旦我们向下滚动到组件，是否可以开始计数。加载页面后动画只发生一次（这很好），但我希望计数器不要在页面加载后立即开始，而是在用户第一次向下滚动到组件时开始。我的代码如下所示：

更新代码：

我正在创建一个视图。内部视图有一些按钮，所有按钮都是可点击的。我创建了那些视图。工作正常所有按钮都是可点击的。

现在我的要求是视图应该有上滑动画。所以我搜索了一下，发现这里。根据要求修改了我的代码，动画效果很好。

但问题是动画后我的按钮不再可点击。

请帮我

1. 我在iOS模拟器上检查了它工作正常，但按钮是可点击的

2. 但我检查了 Android（物理设备）它不可点击

3. 当我删除动画时，它同时在 iOS 模拟器和 Android 设备上运行。

请帮助我如何解决该问题。即使在上滑动画之后也想要使按钮可点击

如果您想查看代码，请告诉我

我刚开始使用 ReactJS，我的第一个问题是我不知道如何将动画添加到不同的 reactstrap 组件。

例如，我想为 reactstrap 下拉菜单添加 animate.css 进入/离开动画。我怎样才能做到这一点？

谢谢

我有一个循环动画，我希望用户能够更改其时间。我使用 redux 进行了设置，以便当用户在设置中更改它们时，被动画的组件接收新的计时作为道具。然而，这不会改变序列的时间（我猜这是因为序列分配了变量的值，而不是引用改变的变量的值）

当新道具传递给它时，我将如何改变时间？