Mastering the Camera Roll in React Native

Nader Dabit
React Native Training
7 min readApr 7, 2017

--

Accessing, sharing, and saving images to the device Camera Roll using React Native.

In this post, I’ll walk through how to:

  1. View images in the device camera roll
  2. Download image paths to the device camera roll
  3. Share images from the device camera roll

The final code for this project can be found here.

What we will be building.

One of the advantages of React Native is the ease of access the framework gives developers to the actual device APIs. One of those that is especially impressive is the native camera roll.

The app will use the amazing Unsplash image API to fetch images for the application.

Below is a quick look at what we will be building.

Getting Started

The first thing we need to do is create a new React Native project and install our dependencies.

In a working directory, create a new project using react-native init (I will be calling my project rncameraroll, but feel free to call it whatever you would like).

react-native init rncameraroll

--

--

Nader Dabit
React Native Training

Full Stack Product Engineer, Author, Teacher, Director of Developer Relations at Avara