问题标签 [react-native-reanimated-v2]

该应用程序在安装 React-native-Reanimated 库之前运行良好，但在尝试远程调试时开始崩溃。除非重新安装并显示此错误，否则它甚至不会重新启动：

尝试在空对象引用上调用接口方法“java.lang.String com.facebook.react.bridge.CatalystInstance.getSourceURL()”

该应用程序没有启动，但按照 React Reanimated 文档中的安装说明使其工作，但现在每次我尝试连接到远程调试器时它都会崩溃。

问题

我正在尝试使用 Reanimated v2 创建此动画：

这是当前的实现：

问题是，在我标记代码的// *地方似乎有一些随机延迟（可能是由于 JS 执行），导致三个点有时最终同步（具有相同的不透明度）。

我认为问题在于更新这 3 个值不是原子的，因此在这些分配之间可能发生任何事情。

解决这个问题并让这 3 个共享值彼此之间具有确定性延迟的最佳方法是什么？

我尝试了什么？

• 我尝试使用 1useSharedValue和 2 useDerivedValues，但数学让一个从 0 开始，一个从 0.5 开始，一个从 1 开始是不平凡的（只需在彼此之间添加 0.5 并将其（%）调制为 1 不” t 计算withRepeat达到 1) 后的返回
• 我尝试使用 auseSharedValue([0, 0, 0])然后使用原子操作对其进行更新，但这似乎不受支持

我的项目使用 redux 并重新启动。

我需要展示一个scheme，它由很多图片组成，图片应该根据来自服务器的数据进行替换。数据设置为redux的状态，之后根据条件进行检查，选择图片。此外，该方案应进行缩放和平移。

如果你放大方案，把手指从屏幕上移开，然后会有新的数据来改变方案上的图片，然后缩放值会回到它的初始状态，如果你再放下手指，那么缩放会回到重绘前的状态。

我有一个粗略的例子：https ://snack.expo.dev/@enemy/disrespectful-nachos

有一个可以放大和平移的视图，其中根据状态绘制两张图片中的一张，在示例中我使用 useState 钩子而不是编辑器。每 5 秒显示一次状态。

我希望重绘后的值不返回到它们的初始值，这怎么办？

当我尝试使用 dayjs 格式化日期或尝试使用 Intl.NumberFormat() 格式化货币时，出现以下错误

代码示例

有人可以帮忙吗？

我正在开发一个有listiview150-200 名客户的项目。有一个功能，我需要拖放列表项。现在我正在尝试用RecylerListViewAnd来实现它React-Native-Reanimated-2，但面临一些问题。这是我的主要包装。

在这个列表中，当拖动一个项目并达到阈值/顶部时，我正在以编程方式尝试滚动列表视图。为此，我需要获取对RecyclerListView. 但是当我尝试使用listRefinonActive手势事件时，应用程序崩溃了。当我在 android studio 中打开我的 logcat 时，它给了我一堆错误。其中 TypeError: Cannot add new property '__reanimatedHostObjectRef'。可能是什么原因？你有什么建议我应该如何实施。这是一个小吃链接： https ://snack.expo.dev/@rassemdev/customer-list 。如果您删除第 46 行的注释，则会出现错误。这是我的依赖项：

我正在尝试创建一个动画，其中红色条将在无限和反向动画中沿 y 轴移动。由于某种原因，我无法弄清楚并且无法实现所需的行为。任何帮助将不胜感激。

我想在我的新 expo 应用程序 ( )中使用React Native Bottom Sheet 。expo init

我已按照此处的说明进行操作。在此处查看 GitHub 存储库。

这就是我所做的。

1. expo init（空白打字稿项目）

2. yarn add @gorhom/bottom-sheet@^4

3. yarn add react-native-reanimated react-native-gesture-handler

4. App.tsx用文档中的片段替换内容。

5. 添加react-native-reanimated/plugin到通天塔。

6. 开始博览会使用expo start --clear

底部工作表可见，但对触摸输入没有反应（不移动）。它对代码更改（更改快照点等）做出反应。我用的是安卓模拟器，不过我也在手机上试过。

这是一个显示问题的 GitHub 存储库

我想使用 panGestureHandler 移动我的浮动按钮。但是发现了一些错误，我无法弄清楚。

问题是当我开始手势事件并记录事件数据时，它工作正常，但它在屏幕上不起作用。

在代码上方，“originPosition”不影响手势事件，请忽略它

下面是我的组件和样式

我发现 PanGestureHandler 必须有 'View' 孩子，所以我用 Animated.View 包裹了我的按钮，但没有用。

是否可以在 react-native-reanimated 2 中以某种方式在 UI 线程上调用 setTimeout？或者更好的是，使用 lodash 的油门？

现在调用 setTimeout 会导致尝试从不同的线程同步调用函数 {setTimeout}。

下面是我想要实现的简化代码。

我需要在滑块拖动时更新 redux 状态，但是从 UI 到 JS 的调用是异步的，并且给定许多事件，调用很快就会堆积起来。

编辑 1

我使用 Date.now 作为一种解决方法，到目前为止工作正常，不知道它会如何适得其反。

我有一个反应功能组件Svg被用作底部标签栏的图标。在路线改变时，电流state.index与路线进行比较index。本质上是布尔状态的结果isFocused被传递给 Svg。

我正在尝试根据此状态为 Svg 设置动画，并且无法使用 reanimated 完成简单的操作。我最确定 fill 的值没有在useAnimatedPropshook 中更新，但我缺乏对 reanimated 有深入了解的经验。任何帮助将不胜感激