SwipeEnabled：false 选项不起作用

Question

我在我的 react-native 项目中遇到了 react-navigation 5 的问题，我想禁用抽屉滑动但通过在抽屉外面单击来保持关闭抽屉。我已经在 react-navigation 文档中阅读了这个属性。 GestureEnabled 属性有效，但它会通过单击关闭抽屉

这是屏幕

const Home = ({ route, navigation }) => {
};
Home.navigationOptions = () => ({
  swipeEnabled: false,
  edgeWidth: 0,
});
export default observer(Home);

这是导航器

    <NavigationContainer>
        <Drawer.Navigator
          initialRouteName="Головна"
          edgeWidth={wp(100)}
          drawerContent={(props) => <CustomDrawer {...props} />}
        >
          <Drawer.Screen name="Головна" component={Home} />
          <Drawer.Screen name="Історія" component={MyTrips} />
          <Drawer.Screen name="Мій профіль" component={Profile} />
          <Drawer.Screen name="Про водія" component={AboutDriver} />
          <Drawer.Screen name="Мої бонуси" component={MyBonuses} />
          <Drawer.Screen name="Мої місця" component={MyPlaces} />
        </Drawer.Navigator>
    </NavigationContainer>
````

Answer 1

如果您不需要为特定屏幕禁用滑动

<NavigationContainer>
    <Drawer.Navigator
      initialRouteName="Головна"
      edgeWidth={wp(100)}
      drawerContent={(props) => <CustomDrawer {...props} />}
      screenOptions={{swipeEnabled: false}}
    >
      ...
    </Drawer.Navigator>
</NavigationContainer>

Answer 2

如何使用 setParams 和 gestureEnabled 在屏幕内以编程方式实现此目的？我正在关注此 page 并期待以下工作：

props.navigation.setParams({ gestureEnabled: false })

"react": "16.13.1",
"react-native": "0.63.3",

SwipeEnabled：false 选项不起作用

SwipeEnabled: false option is not working

javascript

reactjs

react-native

react-navigation

react-navigation-v5