问题标签 [react-animated]

我的快照测试因 react-native 失败。我遵循了一些解决方案，但没有任何效果。我面临的错误是：

/Users/USER_NAME/Projects/project_name/node_modules/react-native-animated-ellipsis/dist/AnimatedEllipsis.js:1（函数（导出，需要，模块，__filename，__dirname）{导入反应，{组件}来自“反应” ; ^^^^^^ SyntaxError: Unexpected token import

在我的package.json：

和.babelrc

我正在使用平移响应器来捕获用户向下或向上的滑动运动，然后旋转一个圆圈：

如果是肯定的：

如果为负：

然后我用上面来旋转两个不同的圆圈：

对于positive它工作正常，但对于负，它逆时针旋转 350 度，然后顺时针旋转。

注意：我使用的原因identity是因为动画类型是 adecay并且我不知道当时的值可能是什么，并且decay动画的速度取决于用户滑动的速度。

因此，当我记录值时，负数是这样的：

value interpolatedValue 0 -360 1 -359 2 -358 3 -357 .... 360 0 361 1 362 2 ....

我知道问题出在了identity，但是如何解决呢？

这甚至可以用Animatedapi吗？

无法Animated上班。我正在添加一个按钮样式并Animated.View在容器中。所以当我pressIn想要Animated.View缩小到 0.5 并且pressOut想要它回到 1 时。我设置了this.animatedValue = new Animated.Value(1)oncomponentWillMount本身。我的代码如下：

我正在尝试一个简单的弹簧动画。错误是：

我究竟做错了什么？我希望按钮在 pressIn 上转换为 0.5，在 pressOut 上转换回 1。

我在 RNI 和 Expo Snack Application 中得到了不同的 Animated.Value 结果。

我创建了一个新的 RNI 应用程序。在 App.js 中，我在构造函数中添加了一个新的 Animated.Value，然后我在 render 方法中添加了 console.log。

控制台结果是：

当我在 Expo Snack 中做同样的事情时，控制台结果是：

为什么是这样？如何访问我的 RNI 应用程序中的值？甚至在 react-native 文档中也使用了该模式。所以我有点惊讶。我在监督什么吗？

这是代码 auf die App.js：

我正在尝试实现类似于以下内容的视图：https ://bouncingdvdlogo.com/但对于一段文本。

我的第一个想法是，我可以为 X 和 Y 轴创建一个动画循环，top然后left在Animated.Text. 这里的问题是直到运行时我才知道文本的大小。

我首先尝试使用measure来获取值，然后启动动画，但measure不是Animated.Text. 有没有更简单的方法来解决这个动画问题？

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？

我一直在努力解决这个问题。我设置代码的方式是我在平面列表中有动画，它为我拥有多少数据创建了一个动画。例如，我的 JSON 数据包含 8 个类别，我的 flatlist 自动包含 8 个动画。这是我的代码：

/>

在这里，我一直在尝试给这些动画一个唯一的 id (item.id)。这是我用于绑定的函数：

我做了一个console.log来查看我的结果，我可以看到正在显示的正确 id，但我认为它不正确对应。动画根本不播放。当我在 中起飞时[item.id]，progress=this.state.progress动画可以工作，但是该平面列表中的每个动画都会播放。我想用正确的 id 播放那个动画。

这是我的控制台结果：

https://imgur.com/a/7Ja3Tlk

最后是构造函数的样子：

还要注意，当所有动画都播放时，我控制台记录了这些结果并注意到_children数组有[AnimatedProps]，我认为这就是触发动画的原因。

https://imgur.com/a/9a3VPZa

array(8)代表所有触发了动画的数据。10 还在的原因是因为我没有删除：

我尝试寻找一些与我的问题类似的答案，但我找不到单一的解决方案。有没有办法独特地播放动画？

另外你可能会注意到它不是 react-native 库的一部分，那是因为我使用 Lottie 来播放 json 动画。

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

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

数据源：