错误：NativeViewGestureHandler 必须用作 GestureHandlerRootView 的后代

Question

我已经安装了GestureHandler ( npx expo install react-native-gesture-handler) 并使用 polyfills 将其导入到我的App.tsx文件的第 3 行中

import 'react-native-gesture-handler';

是按照世博文档执行的，由于某种原因，即使在运行（清除缓存）之后它似乎仍然无法工作，npx expo start --clear它会给我这个错误：

Error: NativeViewGestureHandler must be used as a descendant of GestureHandlerRootView.
Otherwise the gestures will not be recognized.
See https://docs.swmansion.com/react-native-gesture-handler/docs/installation for more details.

Answer 1

好吧，结果我很愚蠢，我TouchableOpacity从react-native-gesture-handler而不是react-native导入 ，抱歉，但也许可能会帮助某人，所以只是在这里发布解决方案:)快乐编码

Answer 2

看起来这是背后团队最近做出的改变react-native-gesture-handler。最近打开了一个 GitHub 问题，并已通过此评论解决：https://github.com/gorhom/react-native-bottom-sheet/issues/1373#issuecomment-1550661599

“我通过在项目根目录添加 GestureHandlerRootView 包装器（例如 App.tsx）来修复此问题。您可以在此处找到说明https://docs.swmansion.com/react-native-gesture-handler/docs/installation/# js"

所以你的代码看起来像这样：

<GestureHandlerRootView>
// your code
</GestureHandlerRootView>