How to do Wireless Debugging in React Native with Android Devices

ByMohammed Rashid Posted on

Usually, we run react native apps on real Android devices using the USB debugging method. The main issue with this method is that you need your device connected through a USB cable all the time. In this blog post, let’s how to debug or run your react native apps over a wireless network (WiFi).

First of all, make sure that your PC and Android device are connected over the same WiFi network. Go to developer options of your Android device and enable USB debugging option as well as Wireless debugging option(optional).

Connect your device through a USB cable and run the project for the first time. Open the developer menu through your app by pressing the d on the keyboard.

Choose Settings from developer menu. Select Debug server host & port for device option.

Now provide your local IP of your PC as well as the port. You can use default port of 8081.

That’s it. Remove your USB cable and now you can run and debug your react native app on real device on WiFi.

About Me

I'm Mohammed Rashid from the beautiful state of Kerala in southern India, with a journey seasoned in software engineering and mobile app development.

In a tech world that's always changing, I keep myself updated with the latest like SwiftUI and Jetpack Compose for crafting native apps on iOS and Android. I have also experience in React Native and Flutter.

Through this space, I share my learnings and insights hoping to assist anyone diving into the native mobile app development.

Similar Posts

How to Conditionally Hide and Show a Component in React Native

ByMohammed Rashid

In some situations, you might need to show and hide components conditionally in React Native. Hiding as well as showing React Native components can be done using the state management and ternary operators. In the example given below, I am setting a state named isVisible with the value true, which means the text component will…

|

How to Create Gradient Background in React Native

ByMohammed Rashid

React Native doesn’t support gradient colors out of the box. Fortunately, there is a cool library named react native linear gradient which helps to create gradient patterns in react native apps. In this blog post, let’s see how to create a gradient background for any screen in react native First of all, add the react…

Leave a Reply