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

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 投票
1 回答
740 浏览

react-native - 如何使用 reanimated v2 更改背景颜色与过渡

我是 react-native-reanimated 的新手。我正在尝试根据状态更改 backgorundCOlor。现在我有这样的代码:

所以用这段代码我得到了这样的错误:

错误信息

也许我把它弄得太复杂了,比如背景颜色随着过渡而变化。无论如何,我都会向你寻求帮助,因为我很累。

0 投票
1 回答
54 浏览

react-native-reanimated - 将复活的 1 转换为 2

这相当于什么:

在复活2?

0 投票
1 回答
508 浏览

react-native - 无法解析模块 ./Transitioning with react-native-reanimated

React native reanimated 在安装它作为反应导航安装的一部分后抛出异常。

有谁知道出了什么问题?

0 投票
0 回答
449 浏览

react-native - 如何调试 react-native-reanimated 2?

有没有办法调试sharedValue的当前.value,像这样?

0 投票
15 回答
32988 浏览

react-native - Reanimated 2创建worklet失败,可能是你忘记添加Reanimated的babel插件了?

这是我的 babel 文件

在此处输入图像描述

我的代码:

我安装的包是"react-native-reanimated": "^2.1.0"

我遵循了他们的安装过程:React Native Reanimated 安装指南

错误是:

Reanimated 2创建worklet失败,可能是你忘记添加Reanimated的babel插件了?

0 投票
1 回答
2246 浏览

react-native - React Native Reanimated:'AnimatedNode 类型的参数' 不可分配给“数字”类型的参数。ts(2345)

我需要使用 React Native Reanimated ( https://www.npmjs.com/package/react-native-reanimated ) 创建抽屉动画。

在更新前插值方法与 2 个参数一起正常工作。像这样使用

但更新后,该方法将带 3 到 4 个参数

现在我得到如下错误

我当前的 React Native Reanimated 版本是 2.1.0

通过drawerContent(DrawerContentComponentProps)传递道具如下

0 投票
0 回答
135 浏览

reactjs - React Native Reanimated 2 中的并行动画

如何在 React Native Reanimated 2 中同时为两个节点(父节点和子节点)设置动画。

我想我会transition.together在以前的版本中使用,但在新版本中我找不到替代品。

0 投票
0 回答
235 浏览

react-native-reanimated - useAnimatedStyle 返回的样式常量导致应用停止工作

我在 React Native 0.64 应用程序中有一个简单的 Accordion 组件,使用react-native-reanimated 2.1.0. 动画 var 定义为animatedVar. 以下是相关代码:

如果accordStyle从上面的代码中删除,则手风琴工作正常(我的意思是没有错误)。但app stopped working如果accordStyle包含在style. 但我无法弄清楚有什么问题accordStyle

0 投票
1 回答
218 浏览

react-native-reanimated - 如何登陆用户在图像滑动中单击的图像?

我的 React Native 0.64 应用程序使用 react-native-gesture-handler 1.16/react-native-reanimated 2.1 左右滑动图像。这个想法是当用户单击图片库中的图像时,该图像会占据全屏显示,并且可以通过向左或向右滑动来一张一张地查看图库中的其余图像。这是滑动工作的完整代码,但有一个问题:点击的图像不显示,但画廊中的第一张图像总是首先显示。如何登陆用户点击的图片?

});

代码的另一个问题是,在滑动图像之前触摸图像时,图像会向左或向右抖动 1/3-1/2 屏幕宽度。这使得滑动不流畅。我想知道如何消除图像抖动并使滑动从头到尾平滑。

0 投票
0 回答
418 浏览

react-native - 如何在 react-native-reanimated 2 中制作系列/并行动画?

我正在寻找react-native的等价Animated.sequence物。Animated.parallel到目前为止,从 v2 的文档来看,我只能看到只withSequence改变 on value 的值的函数,因此只能看到一个串联组件的样式。

我一直在寻找的是在两个不同的组件中触发动画,串联或并联。对于并行,似乎一个接一个地改变语句中的值。如我错了请纠正我。

但是对于系列,我需要将每个动画都放在一个 useTiming 回调中。这导致了一种回调地狱。

请帮助您通过 reanimated 2 实现这一目标的最佳实践。谢谢。