不使用BottomSheet的手势处理程序
不使用BottomSheet的手势处理程序
提问于 2022-11-21 09:47:22
我试图在世博中使用gorhom底板，在那里我按照安装指令执行expo install react-native-reanimated react-native-gesture-handler和yarn add @gorhom/bottom-sheet@^4。在我的代码中，设法使底部页显示出来，但在向上滑动时，它不会移动。
code.js
import { View, Text } from "react-native";
import React, { useRef } from "react";
import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
const LandScreen = () => {
const bottomSheetRef = useRef(null);
return (
<View className="bg-red-200 flex-1">
<BottomSheet ref={bottomSheetRef} snapPoints={["13%", "95%"]}>
<BottomSheetView>
<Text>Hello</Text>
</BottomSheetView>
</BottomSheet>
</View>
);
};
export default LandScreen;Stack Overflow用户
回答已采纳
发布于 2022-11-21 10:17:33
React本机手势处理程序需要一些额外的步骤才能在某些设备上正常工作。根据文档，它说我们需要用<GestureHandlerRootView>或gestureHandlerRootHOC包装入口点。
<GestureHandlerRootView className="bg-red-200 flex-1">
<BottomSheet ref={bottomSheetRef} snapPoints={["13%", "95%"]}>
<BottomSheetView>
<Text>Hello</Text>
</BottomSheetView>
</BottomSheet>
</GestureHandlerRootView>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74516972
复制相关文章
相似问题
腾讯云开发者
