Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
307 views6 pages

React Native Setup with Expo Guide

This document provides a quick guide to setting up a React Native project with Expo. It outlines the steps to create a new project using Expo init, and then run the project on Android and iOS devices by scanning a QR code with the Expo client app or using alternative methods if QR scanning is not available. It also addresses issues with the latest Expo client app removing QR scanning in iOS.

Uploaded by

AbsCoder Saxon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
307 views6 pages

React Native Setup with Expo Guide

This document provides a quick guide to setting up a React Native project with Expo. It outlines the steps to create a new project using Expo init, and then run the project on Android and iOS devices by scanning a QR code with the Expo client app or using alternative methods if QR scanning is not available. It also addresses issues with the latest Expo client app removing QR scanning in iOS.

Uploaded by

AbsCoder Saxon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Set up React Native with Expo

Moses Lucas
May 4, 2018 · 3 min read

This is a quick guide — tutorial how to create and setup react native with Expo. Having
it up and running in Android or iOS devices.

( This also addresses the problem with the latest expo client app in iOS, in which the QR
Scan has been removed )

Updated March 2019

Creating our React Native Project


1. Install Node.JS

2. Install expo cli


npm install expo-cli --global

3. Create your react native project

expo init my-new-project

You will be asked to choose a template. Press Enter to choose Blank.

Press Enter to choose Blank

Input your App Name

Y if you have yarn installed. n if not.

4. Run your react native project


cd my-new-project
expo start

Update: login your expo account after running expo start when prompted. Sign up if you
haven’t

You should see something like with a QR code generated in the terminal

. . .

Running your react native on your Android or iOS devices


This step will be divided into two: Android & iOS part.

1. Android

Click here to download the Expo client app to your Android device.

Open Expo then click the “Scan QR Code” and Scan the QR code in our terminal.
As soon as the QR code got scanned, it’ll automatically load and bundle/compile your
project to run it in your device.

2. iOS — iPhone

Click here to download the latest Expo client app to your iOS device.

With iOS 11, there is now a scan feature added to the camera. We can use this to scan
the QR code and open the Expo client app.

Open up your camera app, then scan the QR code in our terminal until a notification
badge pops on top telling us that we can open it in Expo client.
The QR Scan has been removed in Expo for iOS
However, if you’re not in iOS 11, there’s still an alternative way but not with scanning:

— Open your Expo client app and sign up/login.

— Open another new tab in your terminal and navigate to your react-native project
directory and run.

cd my-new-project
expo send -s [email protected]

use the email that is logged in your expo app.

This will send an email to you with the link, clicking this link will open the app in expo.
Then it’ll have your project up and running on your iPhone.

That’s it! you got your react-native running in Android/iOS devices.


You can hold the clap button to leave lots of claps!
\m/ Thanks!

React Native Expo Android iOS React

About Help Legal

You might also like