如何在真实设备上打开 react-native 的开发菜单

Question

我已经看到了一些边界案例和奇怪的开发者界面。

来自 “摇动你的设备” ，这真的不切实际，特别是用平板电脑

在 Android Studio 周围工作 以模拟按钮按下。

有没有一致的方法来做到这一点？我们不能使用实习生 API 在我们的应用程序中设置一个调试按钮来启动诸如 navigator.popUpDevMenu() 之类的菜单吗？

如果没有，您如何摇动平板电脑以使其正常工作。这也是为了解决 如何在真实设备上配置 HMR 。 React native 确实改善了开发体验，但我会说特定的东西会减慢它的速度。

原文由 jsdario 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您使用的是 Mac，则有一个名为 Frappe 的便捷工具。 https://github.com/niftylettuce/frappe

您可以在 shell 中使用此命令

adb shell input keyevent 82

如果还没有运行 react-native run-android 或者如果设备在您运行后断开连接 react-native run-android 。您需要 重新启用开发服务器端口。您可以运行此命令并使用上一个命令重试

adb reverse tcp:8081 tcp:8081

编辑：此解决方案仅适用于 android 设备，并且是上述问题中提出的技巧之一。所以是可以改进的。但是，在发生这种情况之前，它被选为有效答案。

原文由 agenthunt 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这是我所做的：

安卓：

将脚本添加到您的 package.json：

 "android-shake": "adb shell input keyevent 82"

然后您将能够调用 yarn android-shake 在 Android 上弹出菜单（只要设备连接到计算机）。

iOS

设置 -> 辅助功能 -> AssistiveTouch

1. 打开它。
2. 点击自定义顶级菜单…
3. 删除除一个图标之外的所有图标，并将其设置为摇动。

这会给你一个按钮，你可以点击而不是摇动设备。

我希望这可以帮助其他人。

原文由 Francois Nadeau 发布，翻译遵循 CC BY-SA 4.0 许可协议