问题标签 [react-native-reanimated]

在我的 react-native 项目中，当 LongPressGestureHandler 的状态变为 END | 时，我尝试使用回调 失败 | 取消。此回调的函数使用我作为道具接收的全局变量反应。即使在此道具更新后。该功能以某种方式使用旧的反应。如果您能解释我做错了什么，我将非常感激。

`

`

我有一个关于 React Navigation Switch Navigator 的问题。

我自己创建了一个带有动画开关导航器的底部导航器。结构是这样的。

当我在 Android 设备上实现此功能时，它以黑色闪烁，然后当我从 B 导航到 A 时下一个屏幕淡入，而当我从 A 导航到 B 时它工作正常。但我想要的是使用前一个屏幕导航淡出，下一个屏幕淡入。试图改变结构，我注意到当我从堆栈导航器屏幕导航时，它会闪烁一会儿。

它在 iOS 设备上运行良好。

我也徒劳地尝试通过使用堆栈导航器创建 React 组件来解决这个问题。

以下是库的版本。

这是一个错误吗？如果是这样，我在哪里可以报告？

感谢您的阅读。

在这个由 William Candillon 从http://start-react-native.dev制作的精彩视频中，他展示了如何制作这个屏幕外菜单。代码可以在这里找到：https ://github.com/wcandillon/can-it-be-done-in-react-native/tree/master/the-10-min/src/Menu

我的问题是，是否有可能创建一个可以以编程方式关闭个人资料屏幕的功能，而不是用户在个人资料卡上滑动。最好是随着动画结束，但计划 B 可能只是优雅地将动画状态返回到起点。可以伪造滑动的通用功能会很棒。

提前致谢！

Reanimated 中是否有 API 可以在值数组的一部分上运行 proc？

我希望使用react-native-reanimated动画来为可能很大且不断变化的数据集的视图设置动画。为了正确显示数据，我必须获取 2 个索引之间数据的最大值和最小值。理想情况下，我希望此逻辑使用 Reanimated API 在本机线程上运行，以实现更好的性能，因为索引将通过 Pan Gesture 更改。

这可以通过为每个数据点创建一个最大/最小条件节点来完成。但是，这似乎效率很低，因为数据集中的每个值都需要有一个最大值和最小值条件。这是这个逻辑的一个例子

随着数据集的增长，这种方法将继续变得更加资源密集。

我最近一直在玩 React Native 上的动画，我遇到了react-native-reanimatedand react-native-gesture-handler。我正在尝试使用水平滚动视图构建进度条，当我单击按钮时，滚动视图会转到请求的位置并且进度条会填充一点。我想要实现的是使用BaseButton's 或RectButton'sonPress并onHandlerStateChange处理滚动逻辑和动画登录。这是我建立的：

这也是进度条组件：

但是，当我单击“下一步”按钮时，会出现此错误： BaseButton 上的错误

我很难解决这个问题，所以我问这个，通过按下按钮来处理动画和 JS 逻辑的最佳/正确方法是什么？如果有人可以帮助我，我将不胜感激。

我使用 Tap Gesture Handler 和 Reanimated 创建了一个高亮组件，一切都很好，但是当我们需要类或组件的当前状态时它不起作用，它每次都需要初始状态

这是组件

高亮.tsx

我阅读了 useCode 文档并将 onPress、OnPressIn、OnPressOut 作为依赖项添加到 useCode 挂钩，

如果我们在 onPress 函数中设置状态，它将产生无限循环......

我尝试将此示例集成到我的代码库中（没有 TSX），但是在尝试onScroll={onScroll({ y })}. 我收到以下错误(0, _reactNativeRedash.onScroll) is not a function。

我不确定问题的原因是什么，因为我已经按照示例进行操作（仅将其更改为常规 JS）

每当我注释掉onScroll={onScroll({ y })}withconsole.log("y", y);并尝试y在组件中记录值时，ListBody我都会遇到内存泄漏（使用的内存不断攀升）。

仍然不确定为什么会发生内存泄漏或我做错了什么导致错误。

问题：(0, _reactNativeRedash.onScroll) is not a function每当加载组件时，我都会收到以下错误（ Snack）

我尝试过的：删除了 scrollView 的所有内部内容，传递道具的不同方式，如y={y}or animV={y}，在线查找解决方案。

我的期望： y值会随着滚动而改变

这是我创建列表和动画值的地方

标题

正文（这是发生滚动错误的地方）

我正在尝试创建一个调整大小的按钮（按下时会变小一点）。我使用 TouchableWithoutFeedbackreact-native-gesture-handler并使用react-native-reanimated.

到目前为止，这是我的代码：

此代码部分有效。按下按钮时，按钮大小调整为 0.90，但动画不流畅。它直接捕捉到 0.90，当它释放时，按钮直接捕捉回来。

如何更新我的代码以使动画顺利运行？请注意，我是 react-native-reanimated 的完整初学者。

我有以下代码来创建“动态”文本输入。标签放置在文本输入上方。当 textinput 获得焦点时，标签会移动到 textinput 上方，并且字体大小和颜色会发生变化。在 textinput 模糊时，标签会向后移动（如果 textinput 中没有输入）。

此代码包含react-native-reanimated代码，动画应该在 UI 线程而不是 JS 线程上工作。

当我在 IOS 模拟器（测试 iPhone 7 -> iPhone 11 Pro）上测试此代码并专注于文本输入以便动画运行时，JS 线程下降了大约 3-6 帧（54-57 fps），这没关系我猜测。在真实设备（iPhone 7）上，JS 线程丢帧大约 20-30 帧（有时甚至更多）。当我开始输入 textinput 时，我得到一个缓慢的回调（我在输入时检查 textinput 的输入）。在模拟器上，回调是立即的。在真实设备上，有时最多需要 2 秒才能检查输入。

我正在尝试制作一个原生反应屏幕，其中上视图的高度可以通过从底部拖动来调整大小。在此处输入图像描述

(1) 的大小在拖动时增加 (2)

到目前为止，我尝试了两种方法 1. PanResponder

2. 泛手势处理程序

但是没有一个有效...我也尝试了两者的其他几种变体，但是它们都没有按预期工作，要么滑动太快，要么根本不动