问题标签 [react-native-reanimated]

我一直在使用 reanimated 在我们的应用程序中实现一些不错的 60fps 动画。

我在 0.60.3 上使用 react Native，所以我使用快速刷新功能。

我有一个问题，如果我编写任何包含 reanimated 的内容，因此在 UI 线程而不是 js 上执行，重新加载不起作用，无论是快速刷新还是完全重新加载应用程序。一个完整的，停止应用程序并再次构建它可以让它工作。

这是发生的事情：

假设我正在尝试为 Animated.View 的 translateY 设置动画。我编写了代码，它可以工作。如果我对代码中的任何内容进行更改（即使只是再次保存代码而不更改任何内容），动画将完全停止工作。如果我将我的 Animated.View 交换为普通视图，保存，重新加载，将其更改回 Animated.View，再次保存重新加载它会再次工作，直到我对重新激活的代码进行更改。正常的 JS 更改虽然有效。

无论我是在模拟器中还是在设备上，它对 iOS 和 Android 都是一样的。

我试图找出可能导致这种情况的原因。我假设正在发生的事情是 Metro 更新了 JS 代码，但是“过桥”的所有内容都没有得到更新。

但这应该怪谁呢？是 Metro、Node、React Native 还是别的什么？任何回应表示赞赏，这让我发疯。

似乎是 react-native-reanimated 的问题

我有一个Animated.View基于用户手指移动的简单方法，我的组件如下所示：

问题是，我想创建一个名为scrollToPosition(position, animated)

现在看起来像这样：

，它可以在没有动画的情况下工作，但我现在的目标是添加一种方法，也可以通过 Ease 为值设置动画。

如果我们在 react-native Animated 世界，我们会做这样的事情：

但是我该如何做同样的事情react-native-reanimated。请不要浪费时间解释 UI vs JS 领域，我知道，我确实想利用在 UI 线程中运行动画，我只是不知道如何在用户之后以声明方式运行此动画 ie点击一个按钮。

谢谢

我正在使用 reanimated 在模态中创建自定义警报，它可以正常工作，但是在该模态可见并且内容已更新但动画不起作用后，动画只会在开始时工作一次，

这是我的代码

我在使用 Animated 在 React Native 中滚动时实现了隐藏标题。这是代码：

由于 Header 是绝对定位到顶部的，所以我给出了 paddingTop（与 header 的高度相同）以避免 header 最初与 WebView 的内容重叠。现在正因为如此，当我滚动时，随着标题消失，它会留下空白区域，如图所示：

上图是隐藏标题前后的图像。在原来的页眉位置留有空格。我应该如何动态更改填充，以便在标题消失时没有剩余空间？我试过没有绝对定位标题并且没有给Webview提供paddingTop，但仍然是空白空间。

任何帮助表示赞赏！谢谢

当我将 ref 传递给传递给 flatList 组件的 renderItem 元素时，总是发生错误，我在这里想要的是用 refs 操作项目本身，但我总是得到这个错误

这是我的代码片段

我一周前才开始学习 React Native，在这里我正在尝试将动画添加到从 TMDB api 加载搜索电影的应用程序中，它工作正常，但是在尝试动画时并按下搜索按钮后它显示和错误说： undefined is not an object (evaluating 'new _reactNativeReanimated.Animated.Value') * components\FilmItem.js:18:17 in constructor
老实说我在网上搜索但我没有找到类似的问题，所以有人可以帮忙吗？这是我的代码：

ps：在尝试动画之前，该应用程序运行良好，我在我为动画添加的代码中添加了注释“ ”，还在//>>>
验证搜索 错误屏幕之前添加了一些屏幕搜索屏幕

我使用 reanimated 切换功能创建了一个自定义开关组件，它工作正常，它切换并调用 onPress 函数，该函数交替返回 true 或 false。

我想在initiState通过状态或父级的新道具更改时为切换效果设置动画，请帮助，谢谢。

开关.tsx

我在这里设置了一个博览会小吃，您可以在其中拖动图像并查看 X/Y 坐标。我不明白为什么如果我拖动左上角的图像，坐标是负数。您可以争辩说该位置是相对于起点的。但正如您在 Cardeditor.js 文件中看到的那样，cardItems 状态 X 和 Y 都设置为 1。在我的应用程序中（不在示例中），用户能够导航到卡片处于横向模式的另一个屏幕，所以我必须将图像重新定位在正确的位置，为此我需要确保左上角始终为 x:0 和 y:0。这个问题可能与绝对/相对定位有关，但我在网上找不到任何信息来源。

我用Animatedfrom react-nativewith创建了一个简单的动画react-native-svg。

这很好地完成了工作，

但是现在我改用了，react-native-reanimated因为我在他们的网站上看到 reanimated 比Animatedfrom更快react-native。

但是在这里我遇到了一个问题，那就是我找不到addListener监听值变化的函​​数。

带有Animatedfrom 的代码react-native：

我怎样才能实现上述addListener功能 react-native-reanimated？