使用react-native-gesture-handler将触摸事件传递到子视图

时间:2018-09-17 10:21:38

标签: react-native react-native-android gesture react-native-ios

我正在使用此React-Native-Gesture-Handler处理我的手势用户在应用程序上所做的操作。

但是该手势似乎无法按预期方式运行,或者某些功能似乎无法将Gesture事件传递给子视图

继承权

              <PanGestureHandler
            {...this.props}
            ref={this.panRef}
            onGestureEvent={this._onGestureEvent}
            onHandlerStateChange={this._onPanHandlerStateChange}>
            <Animated.View
                onLayout={this._onLayout}
                style={[this.props.style,
                this.props.windowSize,
                this.props.isFullScreen ? {} : {
                    transform: [
                        { translateX: this._translateX },
                        { translateY: this._translateY },
                    ],
               }]}>
                    <View style={styles.wrapper}>       ----> Child View
                        {this.props.children}
                    </View>
            </Animated.View>
        </PanGestureHandler>

在此示例中,整个视图均被Pan手势包裹 此平移手势用于在屏幕空间周围移动视图。

除此“子”视图外,此处还将包含具有一些平移手势实现的视图。 如果此平移手势事件因外部平移手势而被取消。

有什么方法可以正确获取内部子视图的平移手势事件?

我无法找到将这些父手势事件传递给孩子并取消父手势动作的任何解决方案。

如果您需要有关整个问题的更多信息...请务必询问。

0 个答案:

没有答案