react-native:在开发中同时在两个设备上热加载

Question

我正在同时为 Android 和 iOS 开发一个应用程序，我面前有两部手机。我对它们都启用了热加载，但似乎只有我触摸的最后一部手机会热加载，而另一部保持不活动状态，直到我摇晃它并再次选择“重新加载 js”。

这是预期的行为吗？

Answer 1

我也遇到了这个问题。
您可以通过在两个单独的端口上运行打包程序来解决它。在我的 package.json我有:

"scripts": {
  "start": "node node_modules/react-native/local-cli/cli.js start ",
  "port-8082": "node node_modules/react-native/local-cli/cli.js start --port 8082",
},

在我的 iOS 启动代码中 AppDelegate我将端口更改为 8082 例如

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8082/index.ios.bundle?platform=ios&dev=true"];

然后我运行 npm start在一个终端 session 中(从默认端口 8081 开始)和 npm run port-8082在另一个 session 中。然后 8081 将服务于 Android 设备，而 8082 将服务于 iOS 设备，您可以同时在两台设备上使用 Hot Reloading。

编辑 : 随着 react-native 文件架构的改变， AppDelegate代码现在是:

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8082/index.bundle?platform=ios&dev=true"];