React native React native navigation启用在部分屏幕材质顶部导航器上滑动

React native React native navigation启用在部分屏幕材质顶部导航器上滑动,react-native,react-navigation,React Native,React Navigation,我的应用程序中有一个materialTopTabNavigator,其中一个屏幕需要只在屏幕的一部分启用“在选项卡之间滑动”手势(例如,从屏幕底部到底部200)。我想我应该可以用MaterialTabNavigator的gestureHandlerProps道具来实现这一点,但它似乎不起作用。此道具允许您将道具传递给基础PanGestureHandler。以下是我作为gestureHandlerProps传递的内容,以及到PanGestureHandler文档的链接: gestureHa

我的应用程序中有一个materialTopTabNavigator,其中一个屏幕需要只在屏幕的一部分启用“在选项卡之间滑动”手势(例如,从屏幕底部到底部200)。我想我应该可以用MaterialTabNavigator的gestureHandlerProps道具来实现这一点,但它似乎不起作用。此道具允许您将道具传递给基础PanGestureHandler。以下是我作为gestureHandlerProps传递的内容,以及到PanGestureHandler文档的链接:

    gestureHandlerProps={{
                   maxPointers:1, 
                   failOffsetY:height-200,
                   hitSlop: {left:0, right:0, top:0, bottom:200}
                 }}
   //height is height of screen

链接到PanGestureHandler文档:

我使用react native手势处理程序文档中列出的常见处理程序道具找到了实现方法。我使用hitSlop道具并将一个具有高度和顶部属性的对象传递给它,如下所示。这是传递给我的材料顶部标签导航器手势手柄道具道具

gestureHandlerProps={{
            maxPointers: 1,
            hitSlop: {height: 100, top: 0}
}}
这允许仅从屏幕底部的100个点激活物料顶部选项卡导航器的基础PanGestureHandler


链接到常见的处理程序道具:

hitSlop仅通过将top设置为负值对我有效,如文档中所述。(更新链接)