扩展React Native的开发菜单

react本机框架中的一件很酷的事情是它带有集成的开发工具。 尽管我不是摇晃手势的忠实拥护者,但我发现自己在模拟器/仿真器以及实际设备上都经常使用开发菜单。

但是,如何在react native开发菜单中添加与您的特定领域相关的工具呢?

尽管我在react native的文档中找不到如何执行此操作的过程,但通过对源代码进行筛查,似乎开发菜单具有用于自定义菜单项的API-适用于AndroidiOS

我整理了一个快速的两步操作方法指南,并上传了一个示例项目供参考。

  • 首先,我们将仅将自定义开发菜单项添加到iOS和Android中,除了写入日志外不会做太多事情
  • 接下来,由于我们处于react native模式,因此我们想调用JavaScript端并切换React native UI以响应菜单项的单击。