React 原生响应式侧边菜单

Posted 2023-03-11

【中文标题】React 原生响应式侧边菜单

【英文标题】：React native responsive side menu

【发布时间】：2020-05-19 17:37:54

【问题描述】：

我正在为我的应用程序侧菜单使用库 react-navigation-drawer。

我的应用程序应该也可以在 iPhone 和 iPad 上运行。

这个库的默认侧边菜单在 iPhone 上运行良好。 但在 iPad 上，侧边菜单应该始终在我的应用上可见。

我可以在某些页面上通过drawerLockMode:'locked-open' 实现这一点。 但侧边菜单已覆盖在内容屏幕上。并且无法在内容屏幕上执行任何操作。 甚至内容屏幕也被推到一边作为侧边菜单的宽度。

谁能帮我在 iPhone 和 iPad 上实现响应式侧边菜单？ 谢谢

【问题讨论】：

你能提供一个代码示例吗？您已经制作的或您想要的打印屏幕？将其添加到问题中以使她成为一个好人。

【参考方案1】：

每当应用在 iPad 上运行时，为 Drawer.Navigator 设置 drawerType='permanent' https://reactnavigation.org/docs/drawer-navigator/#drawertype

【讨论】：

不错的解决方案。我不知道抽屉类型上有“永久”案例。似乎它已添加到 react-navigation v5。我已经将它更新到 V5 并且现在运行良好。非常感谢