问题标签 [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.
react-native - Reanimated v1 再次为从 1 到 0 到 1 的值设置动画
我尝试构建一个序列动画,其中我将一个值(带有时间)从 1 设置为 0,然后再返回到 1。我正在尝试使用 react native reanimated v1 和 react-native-redash 来构建它。
我的动画代码大致如下所示:
调试输出是这样的:
正如您在日志中看到的,它没有像我预期的那样动画。从 1 到 0 的第一个动画有效,但随后又从 1 到 0 动画!我尝试删除条件,我认为它会按顺序运行 - 它不会。尝试延迟执行第二个节点,但不起作用:结果相同。
任何帮助将不胜感激。我对复活很陌生。
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 坚持解决这个错误。帮我解决这个错误。
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
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
react-native - 为什么 JS 线程在使用 React Native Reanimated 时会丢帧?
我不确定为什么在使用 react-native-reanimated v2 时切换视图的高度时 JS 线程会丢帧?当我按下按钮时,JS 帧约为 50-55,UI 线程 fps 保持在 60。谢谢。
我的代码很简单:
react-native - 如何在 react-native-reanimated 中检查动画是否完成
我正在使用clock
(react-native-reanimated)制作进度计时器动画。它工作正常,但我想知道进度动画何时完成,因为我想在完成后更改图标名称clock state
。
clock config
progressTimer.js
react-native - 用 redash 和 reanimated 反应原生捏缩放
我只是想通过使用 reanimated 和 redash 来缩放图像。
但是我抓取的组件位于前一个组件之上,但位于下一个组件之下。我知道这有点复杂的解释。为此,我试图绘制一个模式来更好地解释你。
因此,在上面的图像中,1,2 和 3 是我保存图像的卡片。我捏缩放到第二张图像,但它保持在第一个图像之上(这是我想要的),但在这种情况下,它也保持在下一张第三张卡片的下方。
我怎样才能防止这种情况?
这是组件
react-native - 反应本机 ScrollView onScroll 侦听器不起作用
我目前正在开发一个反应原生的入职屏幕应用程序,并且我遇到了滚动视图的问题。
也插值不起作用。这段代码有什么问题?我已经阅读了文档,它与此代码类似,但我无法弄清楚问题所在
react-native - 当应用程序处于后台状态时如何暂停时钟
我使用创建了一个进度条react-native-reanimated
,react-native-redash
它工作正常,但现在我想在应用程序进入后台状态时暂停进度或时钟,当应用程序进入活动状态时,它应该以最后一个位置和时间恢复.
clock config
我写了这段代码,但没有像我想要的那样正常工作。当我进入屏幕clock
时没有启动,但是当我在background
状态后进入应用程序时,它clock
正在启动。