问题标签 [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 - 尝试在 Jest 测试中渲染 react-native-reanimated 节点时出现“TypeError”
尝试在 Jest 中呈现我的应用程序以进行一些集成测试时,我收到以下错误:
它抱怨的代码react-native-reanimated
如下所示:
并且是库中的ReanimatedModule
类型别名。除此之外,我还没有找到任何有助于解决此问题的有用信息。NativeModule
react-native
这里特别奇怪的是,我没有直接react-native-reanimated
在我的代码库中使用,据我所知,我能找到的唯一使用它的库组件并没有在被测试的组件中呈现。
我无法以任何合理的方式精简我的代码来重现此问题,并且有问题的代码受公司版权保护,因此我无法共享存储库。我将继续尝试在一个小示例中重现该错误,但我想提出这个问题,以防有人对这个问题有任何经验。
react-native - 使用块重新激活 TapGestureHandler 回调
实现这一目标的方法是什么。
带有 Animated.event 的回调工作正常
带块的回调没有反馈:(
*const onHandlerStateChange = block([set(bottom, add(bottom, 10))]); *在这里不起作用
loops - 使用 react-native-reanimated 创建一个循环
我正在尝试使用钩子和 react-navigation 5 - 无类在应用程序中创建闪烁功能。“react-native-reanimated”对我来说是新的。我对动画更熟悉,所以这就是为什么我需要一些帮助。谢谢!
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 |
javascript - 如何在 React Native 中处理带状态的动画计时
我试图在按下 TouchableOpacity 组件时增加 View 的高度,但它不起作用。我做错了什么 ?我应该使用生命周期组件吗?
我得到这个错误:
** 类型错误:config.easing 不是函数。(在 'config.easing((0,base.divide)(newFrameTime, config.duration))' 中,'config.easing' 未定义)**
javascript - 使用 reanimated,redash 反应原生动画 onScroll 的问题
您好我正在尝试在 React Native 中实现动画。当我从滚动视图向上滚动时,我希望滚动视图中的一个孩子是 buttonContainer 淡出。所以,当我开始向上滚动时,buttonContainer 的不透明度可能会从 1 变为 0。但是,什么也没有发生。我不完全理解输入范围和输出范围的内容。
还有这里
react-native - 如何将 CustomButton 组件传递给 createAnimatedComponent?
我正在尝试制作CustomButton
动画!我使用createAnimatedComponent
和ref
。按钮显示,但动画不起作用!我试图注释掉颜色,CustomButton
以防万一动画颜色createAnimatedComponent
因为它们而没有出现,但什么也没有。
任何帮助,将不胜感激。
CustomCreateAnimatedComp.js
CutomButton.js
提前致谢。
reactjs - 来自 Animated.interpolate 的 React Native Reanimated 输出值
我理解 Animated.Code 并且我在每一帧中都得到了 console.log
我想知道 Animated.interpolate 的输出当前值
代码片段
我不理解来自console.log(headerY)的对象
我想知道单个当前值?
react-native - 在 React Native 的 ScrollView 中滚动时动画导航标题不透明度?
我需要你对 React native 动画的帮助。在我的屏幕上,我想在向上滚动时将导航标题的不透明度从 0 更改为 1。
我像这样在 HomeScreen 中声明动画值。
在 Homescreen.js 中
为什么我使用“导出”是在导航标题中使用动画值
在 HomeStackNavigator.js 文件中
HomeScreen 中的另一个动画有效。但是动画在导航标题中不起作用。我怎样才能做到这一点?我错过了什么?导出动画值(translationY)有问题吗?
react-native - 如何使用功能组件做一个简单的不透明动画并反应原生复活
Reanimated 的每个文档都在使用类组件设置为 Opacity.setvalue(0) 它可以工作,但我需要设置为以便将时钟用于其他动画,请提供任何帮助。