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

react-native - react native reanimated中切换线程的问题

所以我有这个简单的动画,如果你拖动一个元素,它会(0, 0)在动画结束时返回,

如您所见,我拥有moveend使用函数在 JS 线程中runOnJs()运行。

  • 这是否意味着withTiming也将在 JS 线程上withTiming运行或始终在 UI 线程上运行?
  • 也如您所见x.value = withTiming(...)。我应该把它包装在runOnUI()函数中吗?或者更确切地说,当我们设置动画值时,它是否必须在 UI 线程上运行?
0 投票
0 回答
117 浏览

javascript - React-native android textInput在点击它时不响应焦点

我正在使用 textInput 在一个世博项目上搜索一些关键字,在一个小动画之后,用户可以在输入上书写......
它在 IOS 上完美运行,但在 android 上它只有在我点击我的最右边时才会响应输入。

这是我的组件:

我使用"expo": "^41.0.0"react-native": "41.0.0"
自动对焦效果很好,如果我删除动画视图,它也可以正常工作。有
什么想法吗?

0 投票
2 回答
1316 浏览

react-native - Reanimated 2:更新状态会导致 animatedProps 中的动画重置,尽管没有更改共享值

场景:我在屏幕上渲染了一个svg circle和一个。state我也有两个按钮。Change Size按钮将圆圈的大小(共享值)从 50 更改为 100 或从 100 更改为 50。更改状态按钮将状态从“苹果”更改为“橙色”或“橙色”更改为“苹果”。[注意:动画不以任何方式使用状态。我也在控制台记录size.value每次重新渲染]

问题:一旦按下按钮,它会将Change Size圆圈的动画从 50 变为 100。现在,如果按下Change State按钮,它会改变状态,但也会使圆圈的大小回到 50,尽管我们的日志显示共享值size.value仍然是 100 .

预期行为:预期圆的大小保持 100,因为这是提供给圆的共享值。

代码

任何帮助将非常感激

0 投票
0 回答
132 浏览

javascript - 试图在不可扩展的对象上定义属性

描述 我正在尝试为多个 Animated.Views 分配多个 useAnimatedStyle() 钩子,用于const mystyles = useSharedValue([]);制作 carousel 。

预期的

即使我在博览会刷新后添加或删除评论、代码等,它也不应该给出错误

实际的

在第一次通过 expo 加载应用程序或手动刷新时,当发生任何小的更改(如删除评论等)时,它可以正常工作,然后 expo 应用程序刷新Attempting to define property on object that isn't extensible

0 投票
1 回答
853 浏览

react-native - 如何在复活 2 中使用 diffClamp?

我正在尝试根据来自 reanimated 2 useAnimatedScrollHandler的滚动事件隐藏和显示标题,我需要使用diffClamp因此,每当用户向上滚动时,标题的显示时间应该比整个滚动事件contentOffset.y值短,但是问题是 diffClamp 是我认为从 reanimated v1开始的,我需要使用 useAnimatedStyle 钩子来为 reanimated v2中的样式设置动画,最后它给出了一个错误。

有人可以帮忙吗?

0 投票
0 回答
25 浏览

react-native - Reanimated 2 错误:不再按下时蓝点保持不变

这是我为学习 Reanimated 2 而创建的一个简单应用程序,其中屏幕中间有一个蓝点。当用户按下它时,它会变大变黄,还有“YOLO!”字样。会出现在里面。

但是,我面临的错误是,当点达到其最大尺寸时,即使用户不再按下它,点也会保持黄色并且尺寸相同。用户必须再次按下它才能返回其默认状态。

在用户不再按下它之后,如何使点返回其默认状态,即它是蓝色的并且不再出现“YOLO”这个词?

0 投票
1 回答
838 浏览

android - 任务:app:bundleReleaseJsAndAssets 失败 - React Native - Android

npx react-native run-android --variant=release当我使用或生成发布版本在 Android 上运行时,在我的 React-Native 应用程序中出现此错误。我尝试了在 Stackoverflow 和 GitHub 上找到的任何解决方案,例如升级gradle build tools版本、修改babel.config.js、清理项目、--reset-cache重新rm -rf node_modules安装、无效和重新启动等,但都没有解决。这是一个障碍,因为我无法生成要发布的构建。

我提供了唯一可用的堆栈跟踪错误。

:app:bundleReleaseJsAndAssets我注意到的另一个信息是,当构建执行执行并到达时,我得到了上面的堆栈跟踪react-native-animated。我尝试了从报告的类似问题中建议的解决方案,react-native-animated但也没有解决。

我无法找到问题出在包还是本地项目设置上。

我还注意到该包似乎没有在 Android 中正确配置。下面附上截图供参考。仅此包没有右箭头。

在此处输入图像描述

库版本:

摇篮信息:

安卓工作室版本:4.2.1

有什么建议么?

0 投票
0 回答
333 浏览

react-native - FlatList 中的 React Native 滑动项与 TouchableOpacity 的 onPress 冲突

我使用 PanGestureHandler 在我的 FlatList 中创建了一个可滑动的行并重新设置了 2。但是,当您按下该行时,我的滑动与 TouchableWithoutFeedback/TouchableOpacity 发生冲突。在滑动发生时是否有禁用 onPress 的方法?我尝试通过使用 runOnJS(onStart)() 来这样做,它禁用了父组件中的 TouchableOpacity,但没有成功。我认为这是因为如果 onPress 在被禁用之前已注册,它仍然会在发布时触发。

0 投票
3 回答
2315 浏览

javascript - 安装 Reanimated 2 后仍然收到警告“如果你想使用 Reanimated 2 那么......”

我试图使用'@react-navigation/top-tabs',但它依赖于 reanimated 2 我安装了 reanimated 2 但仍然得到相同的警告:

1-可以通过以下方式忽略警告:

2-如果你有任何其他想法,请帮助我

谢谢你

0 投票
0 回答
329 浏览

react-native - 使用 Reanimated 2 useSharedValue 和 useAnimatedStyle 的自定义抽屉

在此处输入图像描述

我正在尝试使用 react native reanimated 2 来实现上图中的绘图导航。

我可以通过使用上面的代码来实现它。但是,我正在使用Animated.Value. 我想从 reanimated 2 中使用useSharedValue()useAnimatedStyle挂钩。我尝试实现可以​​在上面注释的代码中看到的内容。但是,它不起作用。应用程序崩溃并在 JSCRuntime 文件中给出错误。