如何禁用在 Drawer.Screen 内右上角滑动时显示抽屉内容

Question

我正在使用

@react-navigation/drawer

的抽屉导航器。我也添加了抽屉内容。默认情况下，它的标题是不可见的。

<Drawer.Navigator 
  screenOptions={{headerShown: false, drawerPosition: 'right'}} 
  drawerContent={MYCUSTOM_COMPONENT}>
    <Drawer.Screen component={SAMPLE_SCREEN}/>
</Drawer.Navigator>

SAMPLE_SCREEN 有一些内容。当用户滑动屏幕右上角时，抽屉内容就会弹出。 SAMPLE_SCREEN 是否有任何选项可以停止此默认行为？

Answer 1

在屏幕级别添加

swipeEnabled

选项解决了该问题。此选项在导航器级别也可用。它将禁用所有屏幕上的滑动。

<Drawer.Navigator 
  screenOptions={{headerShown: false, drawerPosition: 'right'}} 
  drawerContent={MYCUSTOM_COMPONENT}>
    <Drawer.Screen component={SAMPLE_SCREEN} options={{ swipeEnabled: false }}/>
</Drawer.Navigator>