问题标签 [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 投票
3 回答
2969 浏览

react-native - 尝试在 Jest 测试中渲染 react-native-reanimated 节点时出现“TypeError”

尝试在 Jest 中呈现我的应用程序以进行一些集成测试时,我收到以下错误:

它抱怨的代码react-native-reanimated如下所示:

并且是库中的ReanimatedModule类型别名。除此之外,我还没有找到任何有助于解决此问题的有用信息。NativeModulereact-native

这里特别奇怪的是,我没有直接react-native-reanimated在我的代码库中使用,据我所知,我能找到的唯一使用它的库组件并没有在被测试的组件中呈现。

我无法以任何合理的方式精简我的代码来重现此问题,并且有问题的代码受公司版权保护,因此我无法共享存储库。我将继续尝试在一个小示例中重现该错误,但我想提出这个问题,以防有人对这个问题有任何经验。

0 投票
1 回答
404 浏览

react-native - 使用块重新激活 TapGestureHandler 回调

实现这一目标的方法是什么。

带有 Animated.event 的回调工作正常

带块的回调没有反馈:(

*const onHandlerStateChange = block([set(bottom, add(bottom, 10))]); *在这里不起作用

0 投票
1 回答
4545 浏览

loops - 使用 react-native-reanimated 创建一个循环

我正在尝试使用钩子和 react-navigation 5 - 无类在应用程序中创建闪烁功能。“react-native-reanimated”对我来说是新的。我对动画更熟悉,所以这就是为什么我需要一些帮助。谢谢!

0 投票
0 回答
472 浏览

react-native - 由于 react-native-reanimated 模拟,使用 material-top-tabs 后拍摄快照时出错

当前行为

  • 使用@react-navigation/material-top-tabs 后,我的快照失败,出现以下错误

预期行为

  • 快照被保存

如何重现

Messages-test.js

mockedProvider.js

Messages.js

topTabNavigator.js

jestSetupFile.js

你的环境

| 软件 | 版本 |

| ---------------------------------- | -------- |

| @react-navigation/本机 | 5.0.5 |

| @react-navigation/material-top-tabs | 5.0.7 |

| 反应原生选项卡视图 | 2.13.0 |

| 反应原生 | 0.61.5 |

| 节点 | 12.16.0 |

| 纱线 | 1.22.0 |

0 投票
2 回答
1285 浏览

javascript - 如何在 React Native 中处理带状态的动画计时

我试图在按下 TouchableOpacity 组件时增加 View 的高度,但它不起作用。我做错了什么 ?我应该使用生命周期组件吗?

我得到这个错误:

** 类型错误:config.easing 不是函数。(在 'config.easing((0,base.divide)(newFrameTime, config.duration))' 中,'config.easing' 未定义)**

0 投票
1 回答
2315 浏览

javascript - 使用 reanimated,redash 反应原生动画 onScroll 的问题

您好我正在尝试在 React Native 中实现动画。当我从滚动视图向上滚动时,我希望滚动视图中的一个孩子是 buttonContainer 淡出。所以,当我开始向上滚动时,buttonContainer 的不透明度可能会从 1 变为 0。但是,什么也没有发生。我不完全理解输入范围和输出范围的内容。

这是Snack中的代码

还有这里

0 投票
1 回答
509 浏览

react-native - 如何将 CustomButton 组件传递给 createAnimatedComponent?

我正在尝试制作CustomButton动画!我使用createAnimatedComponentref。按钮显示,但动画不起作用!我试图注释掉颜色,CustomButton以防万一动画颜色createAnimatedComponent因为它们而没有出现,但什么也没有。

任何帮助,将不胜感激。

CustomCreateAnimatedComp.js

CutomButton.js

提前致谢。

0 投票
2 回答
2467 浏览

reactjs - 来自 Animated.interpolate 的 React Native Reanimated 输出值

我理解 Animated.Code 并且我在每一帧中都得到了 console.log

我想知道 Animated.interpolate 的输出当前值

代码片段

我不理解来自console.log(headerY)的对象

我想知道单个当前值?

0 投票
0 回答
1157 浏览

react-native - 在 React Native 的 ScrollView 中滚动时动画导航标题不透明度?

我需要你对 React native 动画的帮助。在我的屏幕上,我想在向上滚动时将导航标题的不透明度从 0 更改为 1。

这是Snack中的代码

我像这样在 HomeScreen 中声明动画值。

在 Homescreen.js 中

为什么我使用“导出”是在导航标题中使用动画值

在 HomeStackNavigator.js 文件中

HomeScreen 中的另一个动画有效。但是动画在导航标题中不起作用。我怎样才能做到这一点?我错过了什么?导出动画值(translationY)有问题吗?

0 投票
2 回答
5595 浏览

react-native - 如何使用功能组件做一个简单的不透明动画并反应原生复活

Reanimated 的每个文档都在使用类组件设置为 Opacity.setvalue(0) 它可以工作,但我需要设置为以便将时钟用于其他动画,请提供任何帮助。