From the course: Learning React Native

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

React Navigation

React Navigation

From the course: Learning React Native

Start my 1-month free trial

React Navigation

- [Instructor] React Navigation is a library that we can use to add functionality that allows our users to navigate from screen to screen. In our case, we want to add a details screen for each color. So if the user selects a color, we can go to a screen and see details about that color. In this lesson, we're going to have to move some code around, and we're going to have to create some files. So the first thing I'm going to do is open up the App.js file, and I'm going to copy all of the contents of this file to the clipboard. Now with all of our app code on the clipboard, I'm going to go over to the components folder, and I'll click this icon, which will allow me to add a new file. Let's create a file called ColorList.js. And inside of our color list, I will paste the contents of the App.js file. We'll make a couple small changes, like naming this component the ColorList instead of the App, and also, we are on the same folder…

Contents