问题标签 [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 回答
1114 浏览

reactjs - React Native reanimated v2 Scale + Opacity withRepeat

我正在尝试通过React native reanimated v2实现缩放 View with Opacity togather ,但无法控制 withRepeat ...

下面的代码只是使用重复而不是不透明度执行缩放。如何使用Repeat控制视图的不透明度+缩放...想要在循环/重复视图中应用缩放和不透明度。

样式.js

0 投票
1 回答
932 浏览

react-native - React-native: TurboModuleRegistry.getEnforcing(...): 'NativeReanimated' 找不到

这个问题已经被问过了,但那里没有回应。我再次问,因为我希望最近有人可能会遇到这个问题。

我已经安装了react-native-reanimated 2,一旦我运行应用程序就会出现以下错误

不变违规:TurboModuleRegistry.getEnforcing(...): 'NativeReanimated' 找不到。验证该名称的模块是否已在本机二进制中注册。,js引擎:hermes

有人可以帮我摆脱这个错误吗?

0 投票
1 回答
1350 浏览

react-native - React Native android 崩溃 ReactNativeReanimated

您好,我在 react native 0.63.4 中运行应用程序时遇到了一些崩溃问题

这是我的崩溃错误

这是我的 package.json

这是我的 MainApplication.java

这是我的 MainActivity.java

我已经启用了我的爱马仕并按照文档 react-native-reanimated 中的说明进行操作,但仍然崩溃并出现类似的错误,我已经坚持了 1 周来解决这个问题,但仍然无法正常工作。请帮我 :)

0 投票
3 回答
631 浏览

react-native - 异步操作后如何更新共享值?

在上面的代码中, 的值shareVal不会改变更改的值actionsharedVal更新后的值的最佳方法是什么timeout

0 投票
0 回答
384 浏览

react-native - 反应本机中的 TurboModuleRegistry.getEnforcing(...) 错误

每当我尝试使用抽屉导航时,我都会发现这个错误

但是这个包安装在我的项目中这是我的 package.json 文件

0 投票
1 回答
661 浏览

react-native - React Native Reanimated 2 为 SVG 路径的长度设置动画

我正在尝试将 SVG 路径的长度从 0 动画到 React Native Reanimated 2 中的全长。这是我的示例路径:

我尝试在路径宽度上添加一些插值,但没有成功。我还尝试查看 Redash 的 interpolatePath() 实现,但它似乎采用两条路径作为输出范围。还有什么我应该看的吗?

0 投票
2 回答
2264 浏览

javascript - 使用 reanimated v2 中提供的钩子时,Reanimated V2.0.0-rc.0 不同的线程错误

我将 Reaniamted v2 与 expo 项目一起使用。我在网上看过很多教程,下面的示例没有错误,但是当我尝试在我的应用程序中使用代码作为学习实践时,我收到错误“尝试从不同的线程同步调用函数 {inOut}。解决方案是: a) 如果你想同步执行这个方法,标记为 Worklet b) 如果你想在 JS 线程上执行这个方法,使用 runOnJS 包装”

该错误是由放置在 x 翻译上的“withTiming(animation.value.....”钩子引起的,在我看过的所有视频中,都允许使用钩子。如果我没有,为什么我会收到这个错误滥用它?

我还应该提到我只是尝试在一个新项目上安装 reanimated 只是为了再试一次,我收到了以下所有警告。

0 投票
0 回答
82 浏览

javascript - 无法使用 useAnimatedRef() 创建引用数组

描述

无法使用 useAnimatedRef 创建引用数组。下面我提到了如何使用传统的 useRef 创建一个引用数组,但由于某种原因 useAnimatedRef 不能识别数组。即使在 const refArray = useAnimatedRef([]) 内部放置了一个空数组,也不能在 ref 上使用 .push 或任何其他数组方法。这是一个问题,因为有时我们需要创建引用数组。是否有不同的方法来制作我不知道的一系列参考?我尝试了很多解决方法,但没有任何工作。

代码示例

由于无法识别数组,因此下面的代码不起作用。 const refArray = useAnimatedRef([]) refArray.current.push(SOME_ITEM)

这就是如何使用传统的 useRef 创建一组 refs。这显然不起作用,因为没有 createRef 等效于 useAnimatedRef() const refArray = useRef([...Array()].map(() => createRef()))

软件包版本

  • 反应:16.13.1
  • 反应原生:0.63.4
  • React Native 复活:
  • 2.0.0-rc.0 NodeJS:12.3.0
0 投票
0 回答
274 浏览

react-native - React Native Reanimated 仅允许在特定区域拖动

我正在为有特殊需要的学生开发一个应用程序,以便他们学习如何写作。为此,他们需要大量重复追踪字母,我认为使用 reanimated 将是实现这一目标的最佳方式。到目前为止,我有一个可以在屏幕上任意拖动的圆圈,但我需要的是它只能在特定区域内拖动。该区域将是一个字母(例如“A”),学生需要将其从头拖到尾,并且不能超出它。从本质上讲,他们将追踪这封信。但是,这是我的第一个反应原生项目,我很困惑。谁能帮我解决这个问题?这是我目前拥有的代码:

任何帮助将不胜感激!

0 投票
0 回答
21 浏览

react-native - 用于不变循环的反应钩子 - 可以接受吗?

React 钩子“必须在每个组件渲染中以完全相同的顺序调用”。eslint 插件警告在循环中使用钩子可能是因为循环每次执行的方式都不同,具体取决于退出条件。

但是以这个例子为例,循环执行每次都会导致相同顺序的钩子调用:

eslint 插件仍然警告使用“useSharedValue”(来自 react-native-reanimated)。

问题:在上述情况下,沉默并忽略警告是否安全?我的代码似乎运行良好,但我不知道周围是否潜伏着一些隐患。