How to enable Live Reload in iOS Device running React Native app?

Question

I'm trying to enable Live Reload mode, but there is no such item in Dev Menu:

Answer 1

You have this problem is mainly because your device and your development machine is not in the same LAN. check if it is. Make sure your computer and your device connected in the save LAN, everything will be ok.

After all ur devices connected to the same LAN. And if u are using Xcode.

1. Close the React Native packager (or just close the terminal window)
2. Delete the app in your iOS device
3. Clean Xcode project.
4. Run command npm start -- reset-cache

Then everything will be OK.

Answer 2

You need to edit the source for jsCodeLocation from your AppDelegate.

The main problem that the

jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

is looking for localhost by default, in simulator it will work as simulator and pc are on the same machine, but for device localhost will be different so to make it work, you need to change that line to

jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.16:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true"];

here 192.168.1.16 change it to your PC local IP address

Answer 3

If u are using IOS Simulator, follow the menu Hardware > Shake Gesture, and click the Enable Live Reload option.

Hope it helps! :)

Answer 4

If you are running the app on your actual native device. Then shake the device and it will pop up the me menu.

Answer 5

If you are running the simulator, make sure you sure you "Connect Hardware Keyboard"