问题标签 [react-native-reanimated]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
720 浏览

react-native - Reanimated v1 再次为从 1 到 0 到 1 的值设置动画

我尝试构建一个序列动画,其中我将一个值(带有时间)从 1 设置为 0,然后再返回到 1。我正在尝试使用 react native reanimated v1 和 react-native-redash 来构建它。

我的动画代码大致如下所示:

调试输出是这样的:

正如您在日志中看到的,它没有像我预期的那样动画。从 1 到 0 的第一个动画有效,但随后又从 1 到 0 动画!我尝试删除条件,我认为它会按顺序运行 - 它不会。尝试延迟执行第二个节点,但不起作用:结果相同。

任何帮助将不胜感激。我对复活很陌生。

0 投票
2 回答
3252 浏览

android - 构建失败'配置项目':react-native-reanimated'时出现问题。在 React 原生项目中

我正在尝试使用命令运行项目,

并发现这是一个错误:FAILURE: Build failed with an exception。

  • 其中:构建文件 'C:\Users\Documents\project\project_Workspace\projectname\node_modules\react-native-reanimated\android\build.gradle' 行:69

  • 出了什么问题:配置项目“:react-native-reanimated”时出现问题。

java.io.IOException:文件名、目录名或卷标语法不正确

  • 尝试:使用 --stacktrace 选项运行以获取堆栈跟踪。使用 --info 或 --debug 选项运行以获得更多日志输出。运行 --scan 以获得完整的见解。

  • 在https://help.gradle.org获得更多帮助

BUILD FAILED in 33s 坚持解决这个错误。帮我解决这个错误。

0 投票
4 回答
4142 浏览

react-native - React Native / react-native-reanimated-bottom-sheet / 如何更改工作表后面视图的背景颜色?

在演示中,最后两个示例具有深色背景,但我没有看到将其从透明更改为深色的方法,并且在源代码中没有看到与样式或颜色相关的任何内容。有什么建议吗?

在此处输入图像描述

0 投票
1 回答
5063 浏览

javascript - 无法从 /projectFolder 中找到模块“react-native-reanimated/plugin”

我想使用react-native-router-flux,所以我添加了它的依赖项,如其文档中所述。react-native-reanimated我还为in添加了 babel 插件依赖项,babel.config.js如下所示:

module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: ['react-native-reanimated/plugin'],};

但是现在我在地铁服务器中遇到了这个错误:

错误:index.js:无法从“/home/nia/Downloads/YarAb”找到模块“react-native-reanimated/plugin”

我的本机版本是 0.63.2

0 投票
0 回答
439 浏览

react-native - React Native Reanimated 2 - useSharedValue 不是一个函数

我从 Reanimated 1 迁移到 Reanimated 2。当我尝试运行安装指南中的操场 repo 中给出的示例代码时,我收到此错误:

模拟器中给出的错误

链接到回购/代码:https ://github.com/software-mansion-labs/reanimated-2-playground/blob/master/App.js

0 投票
1 回答
434 浏览

react-native - 为什么 JS 线程在使用 React Native Reanimated 时会丢帧?

我不确定为什么在使用 react-native-reanimated v2 时切换视图的高度时 JS 线程会丢帧?当我按下按钮时,JS 帧约为 50-55,UI 线程 fps 保持在 60。谢谢。

我的代码很简单:

0 投票
0 回答
374 浏览

react-native - 如何在 react-native-reanimated 中检查动画是否完成

我正在使用clock(react-native-reanimated)制作进度计时器动画。它工作正常,但我想知道进度动画何时完成,因为我想在完成后更改图标名称clock state

clock config

progressTimer.js

0 投票
1 回答
1037 浏览

react-native - 用 redash 和 reanimated 反应原生捏缩放

我只是想通过使用 reanimated 和 redash 来缩放图像。

我跟着这个教程

但是我抓取的组件位于前一个组件之上,但位于下一个组件之下。我知道这有点复杂的解释。为此,我试图绘制一个模式来更好地解释你。

在此处输入图像描述

因此,在上面的图像中,1,2 和 3 是我保存图像的卡片。我捏缩放到第二张图像,但它保持在第一个图像之上(这是我想要的),但在这种情况下,它也保持在下一张第三张卡片的下方。

我怎样才能防止这种情况?

这是组件

0 投票
0 回答
494 浏览

react-native - 反应本机 ScrollView onScroll 侦听器不起作用

我目前正在开发一个反应原生的入职屏幕应用程序,并且我遇到了滚动视图的问题。

也插值不起作用。这段代码有什么问题?我已经阅读了文档,它与此代码类似,但我无法弄清楚问题所在

0 投票
0 回答
129 浏览

react-native - 当应用程序处于后台状态时如何暂停时钟

我使用创建了一个进度条react-native-reanimatedreact-native-redash它工作正常,但现在我想在应用程序进入后台状态时暂停进度或时钟,当应用程序进入活动状态时,它应该以最后一个位置和时间恢复.

clock config

我写了这段代码,但没有像我想要的那样正常工作。当我进入屏幕clock时没有启动,但是当我在background状态后进入应用程序时,它clock正在启动。