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

我想在TextInput聚焦时创建一个带有浮动标签的自定义组件 - 当用户单击输入时，占位符会缩小并向上滑动。我正在Reanimated为此使用图书馆。

文本大小的动画可以正常工作，但是动画translateY似乎根本不起作用，我不确定我在这里缺少什么。

这里的组件：

};

我知道 react-native-raw-bottom-sheet 的其他替代品，例如

• 复活的底页
• @gorhom/底页

正在使用 reanimated 2.0，如果我将 useNativeDriver 与 react-native 的动画 API 一起使用，那么它会给我一个错误“不能使用具有高度属性的 useNativeDriver”。那么有没有办法使用 reanimated 2.0 或 nativeDriver 为 react-native-raw-bottom-sheet 的高度设置动画？因为我不想添加新库并重写所有现有的底部表单组件。

我正在使用带有 TypeScript 设置的 React Native 0.63.4、React 16.13.1、React Native UI lib (Wix) ^5.25.0。

我得到一个本机异常非法节点 ID 设置为 Animated.Add 和 Animated.Multiply 随机的输入。它在 RELEASE 和 DEBUG 中都使应用程序崩溃。它仅发生在 Android 设备上。我发现一些文章讨论了这个问题，但没有一篇文章针对这个问题提供任何具体的解决方案。第一 条 第二 条 第三条

我不确定导致此错误的原因或在哪里寻找解决方案。我不确定这个问题是与 RN 本身有关，还是与库有关，或者需要在 android build/gradle 中进行一些特定设置。

我将不胜感激在这件事上的任何帮助。

我正在尝试使用启用相机缩放的 reanimated 2 创建一个反应本机相机应用程序，这是我的代码：

但它不起作用，错误在哪里？

我正在从react-native-reanimateduseAnimatedScrollHandler调用钩子来处理我在. 这个钩子按预期工作，但我现在想禁用基于which is a的自定义按钮（My FlatButton） 。但是当 sharedValue 改变时，屏幕不会重新渲染，因为状态没有改变，所以我的按钮的外观保持不变。 有没有办法强制在工作集内重新渲染，或者是否可以使用强制从工作集内重新渲染？onScrollAnimated.ScrollViewcurrentIndexsharedValue
useState

我react-native-reanimated用于动画。

我想达到视频一样的效果。

https://drive.google.com/file/d/1EuPKYxeuxBd6LttB5sgeYAd40ZUV1gze/view?usp=sharing

但我尝试使用scaleY无法实现。

我搜索了一些解决方案，看起来interpolate可以使用，但我想不通。

我该如何设计我的headerAnimatedStyle?

我有一个很难解决的问题。直到今天，在我的项目中，我使用的是 Mobx v5 和 Reanimated 1.13。

但现在我需要将 Reanimated 升级到 v2。

MobX v5 需要 Hermes 模块disabled，但 Reanimated v2 需要enabled。

我研究了很多以找到解决方法，但突然找不到。

我在这里有一个小吃，我想获取滚动 Y 值并将其传递给兄弟组件内的动画视图，并在我滚动时让该视图动画，对于这个示例，我只想为高度设置动画。向下滚动时较小，向上滚动时较大（没关系）。零食目前将其作为我知道不正确的状态传递，但我不确定我还能如何实现这一点。

如何以正确的方式为组件设置动画？

再会！我需要增加或减少AnimatedGroup的内容，所以我决定使用G但是有一个问题：AnimatedGroup没有应用缩放，为什么会这样？我没有使用过 Animated.View，因为 AnimatedGroup 所在的 Svg 内容的质量会丢失。

我做了什么导致错误： 我有一个新安装的 Bare React Native Project 。我想使用抽屉导航，不得不安装 React Native Reanimated 2.3.0-alpha.2 。

我已经尝试解决的错误

• 我已经安装了新的裸反应原生项目
• 清除 Metro Cache
• 尝试使用 Reanimated 2.0.0
• 我已遵循https://www.reanimated2.com/docs/next/installation中的所有步骤。

错误

捆绑包./index.js

错误：index.js：找不到模块“babel-plugin-r”需要堆栈：

• D:\Work\React Native\React Native 与 Node\healthapp\node_modules@babel\core\lib\config\files\plugins.js
• D:\Work\React Native\React Native 与 Node\healthapp\node_modules@babel\core\lib\config\files\index.js
• D:\Work\React Native\React Native 与 Node\healthapp\node_modules@babel\core\lib\index.js
• D:\Work\React Native\React Native 与 Node\healthapp\node_modules\metro-transform-worker\src\index.js
• D:\Work\React Native\React Native 与 Node\healthapp\node_modules\metro\src\DeltaBundler\Worker.js
• D:\Work\React Native\React Native 与 Node\healthapp\node_modules\metro\node_modules\jest-worker\build\workers\processChild.js