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 (将#修改为@）