React-Native 使用真机和指定模拟器调试

使用模拟器

命令行中React native项目目录下键入 react-native run-ios 会启动iOS模拟器，默认情况启动模拟器调试。

react-native run-ios

指定模拟器, 需要添加参数和模拟器名字

react-native run-ios --simulator "iPhone 7 Plus"  #指定 iPhone 7 Plus 启动

真机运行

首先需要执行下面命令，安装 ios-deploy。

npm i -g ios-deploy

安装完成之后，输入以下命令

react-native run-ios --device "设备名"

注意：该设备名字 需要先在 Xcode 项目中注册手机设备（即 Xcode 中可以使用该设备运行）

以上参数可以配置在编译器启动项中直接启动真机或者模拟器。

这里的名字可以从Xcode的设备列表打开查看对应的名字或者手机->设置->关于手机查看设备名

查看当前可用的所有设备/模拟器列表：

xcrun simctl list devices

特别注意：

若已经打开了一个模拟器，需要先关闭这个模拟器，再执行react-native run-ios命令打开的就是新的模拟器

以上方式可以在终端 或者 webstom 配置来打开特定模拟器

VS Code 指定设备

vs code 是通过config 配置文件来进行启动的。所有需要添加 launch.json 参数

默认添加的launch.json

{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "command": "npm start",
      "name": "Run npm start",
      "request": "launch",
      "type": "node-terminal"
    },
    {
      "name": "Run iOS",
      "cwd": "${workspaceFolder}",
      "type": "reactnative",
      "request": "launch",
      "platform": "ios",
      "enableDebug": false
    }
  ]
}

通过 target设置

只需要简单添加target参数

"target": "iPhone 12 mini" 值为模拟器设备名字或者真机设备名

通过 runArguments设置

			"runArguments": [
                 "--simulator",  // "真机就是`--device`"
                "iPhone 12 mini",
            ]