如何在不同端口同时运行React Native应用于iOS模拟器和真机？

1. 正确启动Metro服务器 #

启动时必须指定端口并允许外部访问：

npx react-native start --port 8082 --host 0.0.0.0

2. 修改iOS项目端口配置 #

打开iOS项目的ios/[你的项目名称]/Info.plist，添加或更新以下配置：

<key>RNDevServerPort</key>
<string>8082</string>
<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

也可以在Xcode的项目Info面板中，手动添加RNDevServerPort字符串项，值设为8082。

3. 指定端口启动iOS模拟器 #

启动应用时同步指定端口：

npx react-native run-ios --port 8082

4. 手动调整模拟器内的服务器地址 #

如果仍无法连接，在模拟器内按Cmd+D调出开发者菜单，选择「Change Bundle Location」，输入：

http://localhost:8082/index.bundle?platform=ios&dev=true&minify=false

完成后选择「Reload」重新加载应用。

5. 检查端口占用情况 #

确认8082端口未被其他程序占用：

lsof -i :8082

若有占用进程，执行以下命令终止：

kill -9 [进程ID]

内容的提问来源于stack exchange，提问作者jdez