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

【问题标题】：Set swipe area width for react-navigation DrawerNavigator为 react-navigation DrawerNavigator 设置滑动区域宽度
【发布时间】：2017-11-02 20:44:31
【问题描述】：

我在 Expo 应用程序中使用 DrawerNavigator，虽然效果很好，但我没有看到自定义滑动触发抽屉打开区域宽度的选项。

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

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

【问题讨论】：

嗨@jinglesthula 我已经彻底检查了DrawerNavigator 配置，现在他们已经硬编码了这个var MIN_SWIPE_DISTANCE = 3;，所以我想你无法自定义它..顺便说一句你的研究是什么..
嗯，好的。也许我会提交一个拉取请求并建议使其可定制。我的研究包括阅读文档和谷歌搜索，看看我是否能找到任何人在谈论它。我希望我以某种方式错过了它并且它得到了支持。

标签： react-native react-navigation expo

【解决方案1】：

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

示例（v5.0）：

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

有关更多信息，请参阅： https://reactnavigation.org/docs/5.x/drawer-navigator#edgewidth

【讨论】：