diff --git a/docs/RunningOnDeviceAndroid.md b/docs/RunningOnDeviceAndroid.md index 51a22369cb24ef..ad5cdf4c322718 100644 --- a/docs/RunningOnDeviceAndroid.md +++ b/docs/RunningOnDeviceAndroid.md @@ -93,6 +93,22 @@ Have your device connected via USB with debugging enabled (see paragraph above o 1. Run `adb reverse tcp:8081 tcp:8081` 2. You can use `Reload JS` and other development options with no extra configuration + +### Running packager on a non standard port + +Launch the packager manually with `react-native start --port [PORT]` + +For Android: Use the developer menu by clicking the menu button or shake. Select 'Debug server host & port for device' to set a different port. +
+ + + +
+ +For IOS: Edit the AppDelegate.m and change the line below to match the port number you're running: + +```jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];``` + ### Configure your app to connect to the local dev server via Wi-Fi 1. Make sure your laptop and your phone are on the **same Wi-Fi network**. diff --git a/website/src/react-native/img/AndroidDevServerDialog.png b/website/src/react-native/img/AndroidDevServerDialog.png new file mode 100644 index 00000000000000..9fd5536acdff39 Binary files /dev/null and b/website/src/react-native/img/AndroidDevServerDialog.png differ diff --git a/website/src/react-native/img/AndroidDevSettings.png b/website/src/react-native/img/AndroidDevSettings.png new file mode 100644 index 00000000000000..0c214571f7e99e Binary files /dev/null and b/website/src/react-native/img/AndroidDevSettings.png differ diff --git a/website/src/react-native/img/AndroidDeveloperMenu.png b/website/src/react-native/img/AndroidDeveloperMenu.png new file mode 100644 index 00000000000000..2fae4ccaa23609 Binary files /dev/null and b/website/src/react-native/img/AndroidDeveloperMenu.png differ