如何运行两个 React Native 应用程序?

TIM*_*MEX 7 ios react-native

我想两次运行我的 React Native 应用程序:我的设备 + 模拟器。

我不介意使用两个 Metro bundler 实例。我怎样才能做到这一点?

现在,我的两个设备都连接到 8081 - 每当其中一个连接时,它就会启动另一个。

(我首先从 XCode 构建到我的设备/模拟器,然后我运行react-native start

Kas*_*sra 7

  1. 第一次在你的真ios设备上安装App npx react-native run-ios --device "Kasra’s iPhone",当然Kasra’s iPhone要用你真ios设备的名字代替。
  2. npx react-native start --port 8082
  3. 在ios真机上打开app,点击Ctrl + D打开开发菜单,或者摇动设备打开。
  4. 选择Configure Bundler选项
  5. 对于IP,请勿使用127.0.0.1,使用您系统的IP,执行ifconfigipconfig在终端中根据您的操作系统查找您的IP。
  6. 对于端口号使用 8082
  7. 选择Apply Changes,它应该会在你的 ios 真机上自动启动应用程序
  8. 现在打开另一个终端窗口
  9. npx react-native run-ios 在你的模拟器上运行它。

现在您有两个捆绑器同时在端口 8081 和 8082 上并排运行。


ben*_*nel 6

react-native run-ios命令支持此提交port后的参数。您可以尝试使用此参数在具有两个不同版本的两个不同端口中运行您的应用程序。

从提交说明:

添加--port选项react-native run-ios以及补丁端口......

总结:拉取请求添加了 允许开发人员使用单个命令行构建和启动 react-native 应用程序的--port选项,run-ios如下所示:react-native run-ios --port 8088

它默认为当前端口 8081。