Android 2 - Start an Emulator in Genymotion with Expo

By Sheldon L

Published at 2020-03-23

Updated at 2020-03-23

---

• React Native (Expo) Dev Environment Setup

Prepare

Install Node.js and yarn

• See NodeJS 1 - Install Node.js on Ubuntu

Install Expo

• Expo

# OR npm
sudo npm install expo-cli --global

# OR yarn
yarn global add expo-cli

• Trouble Shooting:

  • expo-cli will take some time to install, espesially in China, it may failed duto internet status, you can try yarn add expo-cli -g --network-timeout 100000 see Yarn - There appears to be trouble with your network connection. Retrying

  • if ERORR about cache (check log for sure), DO:

  sudo npm cache clean --force
  cd  /usr/lib/node_modules
  sudo npm i -g expo-cli --unsafe-perm=true --allow-root
  

Emulator

• Seriously powerful Android Emulator (Saas) - GENYMOTION FREE, download, chmod +x ..., install to the same folder with Oracal VM VirtualBox

  • How to uninstall Genymotion

Start

Start an Expo Project

npx expo init ProjectName

Start Server

cd ProjectName

# OR expo
expo start
# OR yarn
yarn start

Open Android

• Opt 1. by Emulator:

  • Open up genymotion;
  • Install an Android;
  • Open it in Oracal VM VirtualBox;
  • Install Expo on Android;
  • Click button in browser: Run on Android device/emulator;
  • If went wrong, can try go to Genymotion setting, select custom SDK: $ANDROID_HOME/Sdk

• Opt2. by Device:

  • Install Expo on Android;
  • connect exp://... with LAN or Tunnel;

• Opt3. with Web by enter w in the terminal.

Useful Tools

• React native elements