Links

debug-two-ios-apps-simultaneously.mo

Owner: Xavier Lefèvre

Last update date: 29th of January 2018

Prerequisites

Steps

  • For the first application, you can launch it as you would normally:
    • Open it with xcode xcode ./ios/your-first-app.xcworkspace
    • Open React Native Debugger
    • Launch the simulator from xcode with the play button on the top left
CHECK In RN debugger, you can see logs from the first app.
  • For the second application:
    • Open it with xcode xcode ./ios/your-second-app.xcworkspace
    • Modify the port used by the packager in the native code:
      • Do a full project search with "Maj + Cmd + F"
      • Look for "8081"
      • Replace "8081" by a new port, like "9980"
      • Save each change
    • In React Native Debugger:
      • Open a new window "Cmd + T"
      • Enter your new port "9980"
    • Launch the simulator from xcode with the play button
    • Launch a new packager from your project directory: react-native start --port 9980
    • Close and re-open the app from within the simulator
CHECK In the other RN debugger, you can see logs from the second app.
  • You are good to go! Both apps are now running with separate packagers and separate debuggers.