为 react-navigation DrawerNavigator 设置滑动区域宽度

Question

我在 Expo 应用程序中使用 DrawerNavigator，虽然它运行良好，但我没有看到用于自定义区域宽度的选项，在该区域中滑动会触发抽屉打开。

目前它是一个相当小的乐队，但我希望它至少更宽一点 - 可能是屏幕的 20%（或者甚至像 Slack，是 100%）。

有没有办法用这个组件做到这一点？

Answer 1

在 v5.0 中，此选项称为 edgewidth，在 v6.0 中 swipeEdgeWidth

示例 (v5.0):

<Drawer.Navigator
   drawerStyle={{ width: '75%' }}
   edgeWidth={200}
>
...
</Drawer.Navigator>

Set swipe area width for react-navigation DrawerNavigator