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