我已经看到了一些边界案例和奇怪的开发者界面。
来自"shake your device"，这真的不切实际，尤其是平板电脑
到working around Android studio 模拟按钮按下。
有一致的方法吗？难道我们不能使用实习生 API 在我们的应用程序中设置一个调试按钮来启动 navigator.popUpDevMenu() 这样的菜单吗？
如果没有，您如何摇动平板电脑以使其正常工作。这也是为了解决How To configure HMR on a real device。 React native 确实改善了开发体验，但我想说的是，特定的事情会稍微减慢它的速度。
【问题讨论】：
标签： android ios reactjs react-native webpack-hmr
在窗户上 只需点击 Metro bundler 并按“D”进入开发者菜单，“R”重新加载
【讨论】：
在 Android 中摇晃手机有时很烦人。进行以下更改将通过按降低音量/提高音量键打开开发人员菜单。
在android/../MainActivity.java中插入如下代码
@Override
public boolean onKeyUp(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_VOLUME_DOWN && this.getReactInstanceManager() != null) {
this.getReactInstanceManager().showDevOptionsDialog();
return true;
}
return super.onKeyUp(keyCode, event);
}
使用 React Native Navigation V3，以下代码将在 MainActivity.java 中运行。
@Override
public boolean onKeyUp(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_VOLUME_DOWN && this.getReactGateway().getReactNativeHost().getReactInstanceManager() != null) {
this.getReactGateway().getReactNativeHost().getReactInstanceManager().showDevOptionsDialog();
return true;
}
return super.onKeyUp(keyCode, event);
}
修改后再次运行应用，通过react-native run-android部署上述代码。
经 RN 0.59+ 测试。
参考：https://facebook.github.io/react-native/docs/integration-with-existing-apps
编辑：在文件中包含 KeyEvent 导入以及其他导入。
import android.view.KeyEvent;
【讨论】：
adb shell input keyevent 82 不适用于较新的 Android 版本（不确定是哪一个），所以这是 android 的最佳解决方案，不喜欢仅为开发目的添加代码，但它还不错，似乎只有固溶。应该是选择的答案
我添加了一个简单的绝对定位按钮和这个 onClick 处理程序
imoprt { NativeModules } from 'react-native';
...
onMenuButtonClick(){
NativeModules.DevMenu.show();
}
【讨论】：
NativeModules.DevSettings提供的API只有几个。
我创建了一个库，允许您在开发模式下使用 3 指触摸而不是摇晃打开开发菜单
https://github.com/pie6k/react-native-dev-menu-on-touch
您只需将您的应用包装在里面：
import DevMenuOnTouch from 'react-native-dev-menu-on-touch';
// or: import { DevMenuOnTouch } from 'react-native-dev-menu-on-touch'
class YourRootApp extends Component {
render() {
return (
<DevMenuOnTouch>
<YourApp />
</DevMenuOnTouch>
);
}
}
当您必须在真实设备上进行调试并且有同事坐在您旁边时，它非常有用。
【讨论】：
如果您使用的是 Mac，有一个名为 Frappe 的便捷工具。 https://github.com/niftylettuce/frappe
您可以在 shell 中使用此命令
adb shell input keyevent 82
如果还没有运行react-native run-android，或者在你运行react-native run-android 后设备断开连接。你需要re-enable the development server port。您可以运行此命令并使用上一个命令重试
adb reverse tcp:8081 tcp:8081
编辑：此解决方案仅适用于 android 设备，并且是上述问题中提出的黑客攻击之一。所以是可以改进的。但是，在发生这种情况之前，它被选为有效答案。
【讨论】：
如果您有小米手机，给定的答案将不起作用，因为有一个安全选项阻止弹出窗口打开，您需要为您的应用程序允许它：
转到设置 > 已安装的应用程序 > [您的应用程序名称] > 权限 管理器，并启用“显示弹出窗口”。
再次摇晃。开发人员菜单应按预期弹出，只需一个 轻微晃动。
来源：https://matthewphiong.com/debugging-react-native-app-on-a-xiaomi-phone
【讨论】：