问题标签 [react-native-reanimated-v2]

我有一个react-native应用程序并react-native-reanimated从 V1 更新到 V2。从那以后，我遇到了一个错误interpolate is not a function，这是由于react-navigation-drawer尝试使用interpolate其旧结构而不是interpolateNode.

我无法降级react-native-reanimated到 V1，因为它会导致构建错误。

我的“解决方案”是修补react-navigation-drawer我的应用程序中的库以使用interpolateNode（in Drawer.jsand Drawer.tsx），但现在每次使用导航时都会出现以下错误：

在调试器中：

在Drawer.tsx中，函数interpolateNode和cond用于设置 和 的opacity样式zIndex。两者都在 throw Type 'AnimatedNode<number>' is not assignable to type 'number'，所以我想这些函数不能再以这种方式用于设置样式了——也许这是我得到这个 NaN 错误的部分原因：

我觉得通过尝试在库中进行更改，我正朝着错误的方向前进，此时我不知道如何让我的应用程序停止崩溃。

有没有人知道如何解决这个问题，或者谁能指出我正确的方向？

版本：

• 注册护士：0.64.2
• 反应原生动画：2.2.2
• 反应导航抽屉：2.7.1

谢谢！

我正在尝试在 withRepeat 回调中设置状态，以在动画完成但应用关闭时显示按钮。如何根据动画结束更新状态？

我对React-native-reanimated真的很陌生。我正在尝试创建一个像这个应用程序这样的自定义底页。我正在使用PanGestureHandlerfromreact-native-gesture-handler移动动画视图来上下移动。因为gestureHandler我正在使用useAnimatedGestureHandler来自react-native-reanimated. 我想将动画视图从起点移动到屏幕中间和屏幕底部。这是我的底部工作表起始点图像，当向下滚动卡片时，它应该像这张图片一样出现在屏幕中间，再次向下滚动卡片它将像这张图片一样来到底部。

我对有条件的useAnimatedGestureHandler onEnd运动有困难。目前我正在跟踪 onEnd event.translationY并以此为条件。

这是它目前的工作方式：

当应用程序启动时，动画视图位于屏幕顶部，如果我将卡片滚动移动到底部，它会进入屏幕中间并且它不会从屏幕中间向下，我可以将它从中间向上移动屏幕，或者如果我用力滚动到底部，它会一直到底部，如果我尝试向上滚动视图，它不会进入中间，它只会向上启动视图。

我正在尝试制作基于条件的屏幕尺寸，但是I don't know how to make it.

我在expo-snacks中分享了我的代码

这是我的所有代码

技术信息

当我遵循 Reanimated v2 的安装步骤时，我添加了 Reanimated v2 以使用react-native-collapsible-tab-view库，我需要在 MainApplication.java 文件中添加后续代码。

在重新安装应用程序时添加此行后，我无法单击任何视图。如果有人对此有想法，请在此处回答。

我正在关注这个视频https://www.youtube.com/watch?v=OU43e7TwlEY，一切都很好，一切正常，但我想让这个动画连续播放，而不需要播放反向动画。

我的部分代码如下所示

正如你所看到的，从 x 坐标从 0 到 -0.05，但我不能添加第三个坐标 0（所以它会是 0 → -0.05 → 0，例如什么会使它连续）。其他点也应该如此。

有任何想法吗？对于任何反馈，我们都表示感谢。谢谢。

在安装 react-native-reanimated 后，我最近开始使用 Flipper 进行调试，但是它不会在断点处暂停。

我正在使用 react-native 0.65.0 和 react-native-reanimated 2.3.0-alpha.3。

屏幕截图中的日志在控制台中，但调试器不会暂停。

有没有其他人遇到过这个问题并找到了解决方案？

我根据它的安装文档安装了 react native reanimated 2。但是当我为 android build 运行项目时，我得到了这个错误：

我该如何解决这个问题？

我使用'worklet';然后runOnUI()得到下面的错误。

因为我用'worklet';我加了import 'react-native-reanimated'

因为我也用runOnUI我加了import {runOnUI} from 'react-native-animated'

错误：

我遇到了一个问题，我已经询问了 GitHub 存储库中的讨论选项卡：这是githubreact-native-reanimated存储库中的链接

我已经克隆了一个 react-native 项目并尝试使用 npm install 安装 npm 包，但我遇到了以下错误

我做了什么？

• 我试过 npm install --legacy-peer-deps，没有帮助
• 我从头开始安装软件包，没有帮助
• 我尝试使用纱线安装软件包，错误消失了，但问题仍然存在
• 我也尝试在应用程序上配置脚蹼，但应用程序也没有连接到脚蹼

任何想法和建议将不胜感激:)

我是初学者。我正在使用react-native-reanimated动画库。当我切换回主屏幕时，我想重新开始我的动画。如下图所示。例如。当我导航到帐户屏幕然后返回导航到主屏幕时，动画会重新启动。

图片：截图

主屏幕

代码

查看卡

组件代码：