问题标签 [react-native-reanimated]

我正在学习复活，因为它适用于 UI 线程，我想实现旋转动画。以度数旋转（如 45 度）不起作用并提示错误。那么如何在 react-native-reanimation v1(version 1) 中实现旋转动画呢？

我创建了一个显示无限动画的 Progress 组件，所以我有一个类似于 example 的 runTiming()函数。

但是这个例子并没有停止时钟，所以我想知道这是否是好的做法？我的直觉说我应该在 componentWillUnmount 中停止时钟，但是我无法找到一种方法来做到这一点。

为了更清楚，我附上了零食。我正在尝试实现类似于 iOS/Android 通知栏的动画。

我成功地能够使用下面给出的代码将车把拖到底部：

但是，在尝试从底部对其进行动画处理时，它只是将车把捕捉到底部，然后将其动画到顶部。在进一步调试时，我意识到翻译后的位置会重置，然后它会动画。

小吃

我无法解决这个问题，并浏览了以下文档 https://www.npmjs.com/package/react-native-tab-view

我也没有遇到任何关于这个问题的文件。我使用了上面链接中提到的相同示例代码。

我该如何解决这个问题？

我正在尝试构建一个反应原生应用程序。我在终端上发现一个错误说

Unable to resolve "./useValue" from "node_modules\react-native-reanimated\src\Animated.js"

我将 react-native-reanimated 重新安装到预期的版本范围。

`您项目的某些依赖项与当前安装的 expo 包版本不兼容：

• react-native-reanimated - 预期版本范围：~1.9.0 - 安装的实际版本：^1.10.1 在安装正确版本的软件包之前，您的项目可能无法正常工作。要安装这些包的正确版本，请运行：expo install [package-name ...]`

因此，我按如下方式运行代码：npm install react-native-reanimated@1.9.0，但仍然遇到错误代码。

我真的可以在这方面使用一些帮助。

我的反应原生应用程序的主屏幕具有滚动动画的组件。但是，对屏幕的任何微小更改都会将组件重置为其默认状态，并且它们不再具有动画效果。

我正在尝试获取数据并将其显示在主屏幕上。每当加载新内容时，动画组件都会恢复到其原始状态。

主页/index.tsx

全局变量.ts

值得注意的点。 当从抽屉导航组件中获取内容时，动画组件工作得很好。这是不可靠的，因为如果在已安装主屏幕时接收到数据，则组件将不会动画。

抽屉导航.tsx

Animated.event()此外，中的侦听Animated.ScrollView器不起作用

我正在尝试将 react-native-reanimated 与 react-native-gesture-handler 一起使用，但我无法使其正常工作。似乎手势处理程序没有触发事件。我按照说明安装 react-native-gesture-handler，更新了 CLI，在 MainActivity.java 中添加了一些代码（https://docs.swmansion.com/react-native-gesture-handler/docs/#android）

我正在使用 RN@0.63.2、node@10.18.0 和 react-native-gesture-handler@1.7.0

我目前正在关注本教程，但我无法让 PanGestureHandler 工作，而且它也不能与 TapGestureHandler 一起工作。这是代码（基本上是教程中的代码）：

你们有什么想法为什么这不起作用？

在我的 React Native 0.62.2 应用程序中，react-native-gesture-handler 1.6.1用于react-native-animated 10.10.1使图像网格可拖动。问题是所有上传的图像网格都一起移动而不是单独拖动。这是可拖动图像网格的代码：

这是 2 个图像网格一起向左拖动，但不仅移动了一个网格

1 张图像被拖动，但 2 张图像一起移动

我的 0.62.2 应用程序中有一个简单的拖动动画。拖动是用react-native-gesture-handler 1.6.1和实现的react-native-reanimated 1.10.1。拖动的项目是方形网格中的图像。一行中有 2 个网格或 3 个网格来显示图像。这是在方法中渲染单个图像的代码displayImg：

这是渲染图像数组的渲染代码：

图像可以四处拖动。但是，在添加新图像并导致重新渲染后，之前加载的图像无法拖动并停止响应拖动。但是新添加的图像仍然可以拖动。我感觉问题可能与平移手势处理和动画的代码有关，但无法找出问题所在。有关于类似问题的帖子，但不完全相同。

在我的 RN 0.62.2 应用程序中，动画值的声明更改为 use 后出现错误useRef。没有错误的代码是：

由于它是功能组件，因此我正在关注添加的文档：react-native-reanimateduseRef

更改后，上面的行会引发错误：

尝试了以下，问题是一样的：

试过useValue了，错误是一样的。除了上面链接的文档之外，没有太多关于如何使用useRef的信息。react-native-reanimated

更新：

代码太长太乱。该方法displayImg是在其父组件定义的区域中显示单个图像。如果父组件中有多个图像（dateLen > 1），则显示的每个图像displayImg都可以拖动并且需要动画。useRef用于在每次重新渲染后保持状态。