如何解决React Native Pan Responder 被另一个组件重叠
我是 React Native 的新手,即使经过大量研究,我也无法解决这个问题。
我正在尝试使用 react natives pan responder Pan responder library 记录触摸屏的所有触摸坐标(使用 Expo web 用于移动设备)。但是,我注意到平移响应器无法识别对按钮等组件的点击。所有其他触摸都由平移响应器记录。
我该怎么做才能让 Pan Responder 记录屏幕上的每次点击并调用相应的按钮功能?
代码:
import React,{ Component } from "react";
import { View,PanResponder,Text,Button } from "react-native";
export default class App extends Component {
panResponder = PanResponder.create({
onStartShouldSetPanResponder: (evt,gestureState) => {
console.log("clicked coord (x|y):",evt.nativeEvent.pageX,evt.nativeEvent.pageY)
},onStartShouldSetPanResponderCapture: (evt,gestureState) => () => { },onPanResponderGrant: (evt,gestureState) => { },onPanResponderRelease: (evt,})
render() {
return (
<View style={{ flex: 1 }}{...this.panResponder.panHandlers}>
<Text>this works (pan responder gets called)</Text>
<View>
<Button onPress={() => { console.log("button pressed") }} title="this not (pan responder doesn't recognize btn clicks)" />
</View>
</View >
);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。