反应|材料-Ui |可滑动抽屉无法通过滑动打开

Question

我正在使用一个新的应用程序，并试图创建一个“菜单”，所以当我从屏幕左侧滑动时，它会打开。
在codeSandBox上有效。这是running example（在移动设备上运行） 它对我有用，但是当我尝试在本地运行时它不起作用。
这与我在codeandbox和本地上使用的代码完全相同。

我注意到我的本地人：

不同于codeandbox。 codeandbox具有这一部分。为什么这个React没有写这部分是有原因的？

以下是我的依赖项列表：

"@material-ui/core": "^4.11.0",
"@material-ui/icons": "^4.9.1",
"@material-ui/styles": "^4.10.0",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"firebase": "^7.19.0",
"fontsource-roboto": "^3.0.3",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-router-dom": "^5.2.0",
"react-scripts": "3.4.3"

我错过了什么吗？我在文档中找不到它，因为它可以在codesandbox上运行，所以我几乎可以肯定这是我的错，但我似乎无法理解。 预先感谢！

Answer 1

有趣的是，当您从台式机更改为移动设备时，它可以工作，但无法从Chrome从“ iOS”设备“重载”。

它确实可以与其他仿真器一起使用，并且如果您从网络更改为移动设备（并且iOS是预设的），它也可以使用。

我不知道这是否是预期的行为。 即使文档中有特定的行，它也不起作用。

const iOS = process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent);

<SwipeableDrawer disableBackdropTransition={!iOS} disableDiscovery={iOS} />