真机在线运行@H_502_1@
- 打开Xcode，open项目的ios目录；
如果之前在模拟器调试过，换成真机运行的时候务必关闭模拟器；
需要修改的配置：
Bundle Identifier 修改为： com.soho3q
如果上来就运行的话，会报错：
改完界面：
- target处选择Test
修改如下:
确认目标设备的系统版本一致：
同样也要确认Tests测试用例项目下的配置：
打开Info.plist文件；
值改为YES；
打开AppDelegate.m文件；修改jsCodeLocation 的引用位置为我们添加进来的jsbundle；
修改为：
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"/main.ios" withExtension:@"jsbundle"];
目前为止配置的基本差不多了，这个时候可以点运行试试，但极有可能会出现以下错误：
好像是类库导入的问题；
查看到报错的文件位置：
是在测试用例下类库缺失；
解决办法：
- target选择测试；
- 找到Build Phases，新增资源库；
新增：
解决完上边问题，再次 CMD + R 运行，如果运行成功，即可在手机上看到模拟器运行时同样界面；
真机离线运行@H_502_1@
离线运行需要打包后把jsbundle添加到项目中；同时，xcode中需要修改下配置；
- 打开 RCTWebSocketExecutor.m 文件：
文件中找到localhost，替换为你的IP；
- 新建打包命令：
react-native bundle --entry-file index.js --bundle-output ./ios/bundle/main.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false
在ios目录下新建一个bundle文件夹，用于存放打包完的main.ios.jsbundle 和assets文件；
或者直接在package.json 中添加命令：
"bundle-ios": "react-native bundle --entry-file index.js --bundle-output ./ios/bundle/main.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false"
接下来运行打包命令；
npm run bundle-ios
直接拖进去，
选择此项
再次运行，如果顺利，即可成功打一个离线包，装到手机上；
离线包模式下开启Chrome调试会很慢，甚至load不出来；所以可以打Release包;
具体设置： Product > Scheme > Edit Scheme
选择Relesase
这种版本不会出现红屏报错；
原文链接：https://www.f2er.com/react/301671.html