问题标签 [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.
reactjs - React Native reanimated v2 Scale + Opacity withRepeat
我正在尝试通过React native reanimated v2实现缩放 View with Opacity togather ,但无法控制 withRepeat ...
下面的代码只是使用重复而不是不透明度执行缩放。如何使用Repeat控制视图的不透明度+缩放...想要在循环/重复视图中应用缩放和不透明度。
样式.js
react-native - React-native: TurboModuleRegistry.getEnforcing(...): 'NativeReanimated' 找不到
这个问题已经被问过了,但那里没有回应。我再次问,因为我希望最近有人可能会遇到这个问题。
我已经安装了react-native-reanimated 2
,一旦我运行应用程序就会出现以下错误
不变违规:TurboModuleRegistry.getEnforcing(...): 'NativeReanimated' 找不到。验证该名称的模块是否已在本机二进制中注册。,js引擎:hermes
有人可以帮我摆脱这个错误吗?
react-native - React Native android 崩溃 ReactNativeReanimated
您好,我在 react native 0.63.4 中运行应用程序时遇到了一些崩溃问题
这是我的崩溃错误
这是我的 package.json
这是我的 MainApplication.java
这是我的 MainActivity.java
我已经启用了我的爱马仕并按照文档 react-native-reanimated 中的说明进行操作,但仍然崩溃并出现类似的错误,我已经坚持了 1 周来解决这个问题,但仍然无法正常工作。请帮我 :)
react-native - 异步操作后如何更新共享值?
在上面的代码中, 的值shareVal
不会改变更改的值action
。sharedVal
更新后的值的最佳方法是什么timeout
。
react-native - 反应本机中的 TurboModuleRegistry.getEnforcing(...) 错误
每当我尝试使用抽屉导航时,我都会发现这个错误
但是这个包安装在我的项目中这是我的 package.json 文件
react-native - React Native Reanimated 2 为 SVG 路径的长度设置动画
我正在尝试将 SVG 路径的长度从 0 动画到 React Native Reanimated 2 中的全长。这是我的示例路径:
我尝试在路径宽度上添加一些插值,但没有成功。我还尝试查看 Redash 的 interpolatePath() 实现,但它似乎采用两条路径作为输出范围。还有什么我应该看的吗?
javascript - 使用 reanimated v2 中提供的钩子时,Reanimated V2.0.0-rc.0 不同的线程错误
我将 Reaniamted v2 与 expo 项目一起使用。我在网上看过很多教程,下面的示例没有错误,但是当我尝试在我的应用程序中使用代码作为学习实践时,我收到错误“尝试从不同的线程同步调用函数 {inOut}。解决方案是: a) 如果你想同步执行这个方法,标记为 Worklet b) 如果你想在 JS 线程上执行这个方法,使用 runOnJS 包装”
该错误是由放置在 x 翻译上的“withTiming(animation.value.....”钩子引起的,在我看过的所有视频中,都允许使用钩子。如果我没有,为什么我会收到这个错误滥用它?
我还应该提到我只是尝试在一个新项目上安装 reanimated 只是为了再试一次,我收到了以下所有警告。
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
react-native - React Native Reanimated 仅允许在特定区域拖动
我正在为有特殊需要的学生开发一个应用程序,以便他们学习如何写作。为此,他们需要大量重复追踪字母,我认为使用 reanimated 将是实现这一目标的最佳方式。到目前为止,我有一个可以在屏幕上任意拖动的圆圈,但我需要的是它只能在特定区域内拖动。该区域将是一个字母(例如“A”),学生需要将其从头拖到尾,并且不能超出它。从本质上讲,他们将追踪这封信。但是,这是我的第一个反应原生项目,我很困惑。谁能帮我解决这个问题?这是我目前拥有的代码:
任何帮助将不胜感激!
react-native - 用于不变循环的反应钩子 - 可以接受吗?
React 钩子“必须在每个组件渲染中以完全相同的顺序调用”。eslint 插件警告在循环中使用钩子可能是因为循环每次执行的方式都不同,具体取决于退出条件。
但是以这个例子为例,循环执行每次都会导致相同顺序的钩子调用:
eslint 插件仍然警告使用“useSharedValue”(来自 react-native-reanimated)。
问题:在上述情况下,沉默并忽略警告是否安全?我的代码似乎运行良好,但我不知道周围是否潜伏着一些隐患。