How to Run React Native App On Real Device using Wi-Fi

How to Run React Native App On Real Device using Wi-Fi

How to Run React Native App On Real Device using Wi-Fi is the extended version of our previous post on How to Run React Native App On Real Device Android which has the description of how to run the App using USB cable in Real Device. In this post, we will show you how you can connect your device to your development server using Wi-Fi to run the React Native App. So let’s get started.

To do this you have to follow the same steps described in the previous post here to connect via USB as we have to run the application once to open the Developer Menu of the app. If you have successfully installed your application in your device using a USB cable connection then remove the USB cable and follow the following steps:

Make sure your laptop and your phone are on the same Wi-Fi network.

Open the application and shake your device to open the Developer Menu

after opening it click on the Dev Settings
Click on Debug Server Host & port for the device and enter the IP address of your device and port number which is port 8081 (default port for React Native development server)

You can use the following command to get the IP address in different OS

Windows: use ipconfig

Linux: use ifconfig

Mac OS: use ifconfig | grep "inet "

Now go back and click on Refresh Js which will run your App via Wi-Fi Connection

This is how you can run the React Native App on Real Device using Wi-Fi. If you have anything to share please comment below or contact us here.

Hope you liked it:)

5 thoughts on “How to Run React Native App On Real Device using Wi-Fi”

  1. when i am follow these thing so error are comes it says make sure you are not conected to the development server. when remove the ip adress of my network it has run successfully now it means that th eerror occured by the ip address configuratiuon

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.