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

我有一个reanimated ReadOnly<SharedValue<boolean>>从另一个派生的SharedValue：

我想在solidHeader.value更改时调用一个 RN 函数（未恢复）。具体来说，我想更新我react-navigation的标题透明度：

我尝试了以下“似乎”是正确的方法，但后来我得到了错误

我正在实现的目标是可能的吗？

我正在学习反应原生复活。

我试图在用户按下按钮时同时使多个组件可见。但是当我按下按钮时，只有最后一个组件变成visible. 我在用react native reanimated2

这是代码

这是发生的事情

我是反应原生动画的新手。我正在使用本机动画来向右移动菜单并将所有内容推到右侧而不剪切文本，但正如您所见，它没有换行。

我已经尝试过这些解决方案：

• 用于组件flexShrink_Text

• flex: 1和flexWrap父View元素，但没有任何效果，有人可以给我一些建议吗？

有没有办法一起使用 scrollHandler （用于更新共享值）和 scrollTo

https://snack.expo.dev/@haniq313/scrollview-with-handler-and-scrollto

小吃和代码如下。

问题是当我按下下一步按钮时，scrollTo 可以工作，但也会触发 scrollHandler。如果我禁用 scrollHandler 那么它工作正常。但后来我不能手动滑动和更改值。需要使两者都起作用。有没有办法调用 scrollTo 并且同时没有触发 scrollHandler ？

有一些手势处理程序可以在浏览器中正常工作，但我在 iOS 上的 useAnimatedGestureHandler 挂钩的 onEnd 回调中收到此错误。

这是与我要添加的手势相关的所有代码

已尝试将 onEnd 定义为“worklet”并使用建议的 runOnJs 函数来解决此问题，但我不确定我是否正确执行此操作，因为每次 onEnd 运行时我仍然有错误。

我正在开发一个非常重动画的应用程序。我还需要做碰撞检测。我不能等待下降。它需要实时检测。所以我需要看一个onActive。useAnimatedGestureHandler

目前，我只是runOnJS访问共享值并使其可用于我可以进行碰撞检测的其他组件。但是该解决方案存在巨大的性能问题。我帮助自己只寻找每 10 个事件，但它仍然存在性能问题。

如何提高性能并让其他组件仍然可以访问 SharedValues？

谢谢您的帮助！

我正在使用 react-navigation v 6.1 进行抽屉导航，我正在尝试实现以下功能：

目前这是我能够实现的：

如何为用户导航的堆栈或路线设置边界半径？

我试图设置sceneContainerStyle边界半径screenOptions，<Drawer.Navigator>但似乎场景视图内实际上还有另一个子视图。

我花了最后一天试图找出如何使用 react-navigation 实现简单的淡入淡出屏幕转换，但我找不到一种方法让它与底部选项卡导航器一起使用。有人可以帮我吗？我已经广泛阅读了文档，但动画似乎只能通过堆栈导航器获得。

你能在这个小吃演示中进行过渡吗？

https://snack.expo.io/?platform=android&name=Native%20Stack%20Navigator%20%7C%20React%20Navigation&dependencies=%40expo%2Fvector-icons%40*%2C%40react-native-community%2Fmasked-view %40*%2Creact-native-gesture-handler%40*%2Creact-native-pager-view%40*%2Creact-native-paper%40%5E4.7.2%2Creact-native-reanimated%40*%2Creact-native -safe-area-context%40*%2Creact-native-screens%40*%2Creact-native-tab-view%40%5E3.0.0%2C%40react-navigation%2Fbottom-tabs%406.0.4%2C%40react -navigation%2Fdrawer%406.1.3%2C%40react-navigation%2Felements%401.0.4%2C%40react-navigation%2Fmaterial-bottom-tabs%406.0.4%2C%40react-navigation%2Fmaterial-top-tabs%406.0 .2%2C%40react-navigation%2Fnative-stack%406.0.5%2C%40react-navigation%2Fnative%406.0.2%2C%40react-navigation%2Fstack%406.0.6&hideQueryParams=true&sourceUrl=https%3A%2F%2Freactnavigation .org%2Fexamples%2F6。x%2Ftab-based-navigation-minimal.js

在应用程序启动后不久在 Android 上运行我的 React Native 应用程序时，我收到以下错误（但应用程序在因错误崩溃之前已经开始渲染某些组件）：

我在使用 React Native Reanimated 2.3.0-alpha.3 在 Android 上启用了 Hermes 的 React Native 0.65.1。

有没有人遇到过这个错误并且有解决这个问题的方法？非常感谢！

智能家居制造商

我正在尝试使用本机反应构建 android 应用程序。

我不断收到此错误：

但这已通过在应用程序中启用调试模式来解决，正如本文所建议的那样。

但是现在，我需要使用react-native-reanimated2，不幸的是该包不支持调试模式（应用程序在调试模式下立即崩溃）。

它写在文档中：

... 由于库使用 JSI 进行同步本地方法访问，因此不再可以进行远程调试。您可以使用 Flipper 来调试 JS 代码，但是目前不支持将调试器连接到运行在 UI 线程上的 JS 上下文。...

那么如何禁用 RCTView 呢？我没有在我自己的应用程序源中使用它。