How to Connect React Native Expo Cli with Genymotion

In this article we want to learn How to Connect React Native Expo Cli with Genymotion,

so as you know there are two ways that you can create React Native Project, the first way is

using React Native Expo Cli and it is the easiest way, according to React Native

Documentation If you are new to mobile development, the easiest way to get started

is with Expo CLI. Expo is a set of tools built around React Native and, while it has many 

features, the most relevant feature for us right now is that it can get you writing a React

Native app within minutes. You will only need a recent version of Node.js and a phone or

emulator. If you’d like to try out React Native directly in your web browser before installing

any tools, you can try out Snack.

 

 

 

 

Runing Expo Cli Mobile Application

Now if you have created your React Native Project using Expo Cli, for runing of the Application

there are different options that you can use, the easiest option is that you can download the 

Expo Go application for Playsore or Appstore, you can just scan the QR code in Metro

Bundler terminal and you are good to go, this way does not need a USB cable connection

with your Android or IOS phones, the second way is that you can just connect your Mobile 

using a USB cable with your computer, and the third way is using Emulator, now you have two 

options for using Emulator, the first option is that you need to download Android Studio, and 

you can install a Virtual Emulator using AVD Manager, again for this you need to 

download and install Android Studio, the second option is that you can download Genymotion.

 

Connecting React Native Expo CLI with Genymotion Emulator 

OK first you need to download and install Genymotion from their website, after that 

create a Virtual Emulator, there are different virtual emulators for different phone systems,

you can just pick one and install that. now you need to follow these steps.

 

 

1: Open Genymotion, Go to setting 

How to Connect React Native Expo Cli with Genymotion
How to Connect React Native Expo Cli with Genymotion

 

 

2: Now go to ADB, and you can see that Genymotion is using Default Android Tools and SDK.

React Native With Genymotion
React Native With Genymotion

 

 

 

3: You need to change that with the Custom Android SDK Tools, it means that SDK tools that are

related to the Android Studio. 

Connect Genymotion with React Native
Connect Genymotion with React Native

 

 

Note: If you don’t have Android Studio than you don’t need to change this. 

 

 

So now first install expo cli.

 

 

After that create your React Native Project with Expo CLI. you can give the name 

of your project as you want.

 

 

Now you can run your Project. 

 

 

 

So now we have our Metro Bundler and from here we can run our Project. 

React Native Metro Bundler
React Native Metro Bundler

 

 

 

Make sure that you have started your Emulator in Genymotion, after that from Metro

Bundler, Run on android device or emulator. and we are done you can see our Android

App in Genymotion emulator.

How to Connect React Native Expo Cli with Genymotion
How to Connect React Native Expo Cli with Genymotion

 

 

 

 

 

 

 

Thank you for visiting my website! If you enjoyed the free courses, please consider supporting my works on Patreon.

Leave a Comment