Modify the color list application to allow users to navigate between components. In this video lesson, Alex Banks introduces you to the concepts of navigation and routing in React Native.
- [Instructor] Presently, we are in the middle…of building a multi-screen application…to give us some information about colors.…In the last lesson, we created…isolating the color list component…and that gives us our list of colors…by combining the color form with a list view.…In this next lesson,…we're actually going to implement a details view.…So when we click on any of these colors,…instead of seeing an alert pop up,…we'll be navigated to the details view.…Now, I still have the application running,…we still have live reload enabled,…any change I make to the code source here…will automatically reload in our iPhone 6 simulator.…
So let's go ahead and get started.…So to incorporate navigation into our application,…we're going to be using something called React Navigation.…If you come to the React Native documentation,…under their guide section,…there's an article on navigating between screens.…And on this page, they recommend…using the community solution, React Navigation.…So React Navigation is an NPM…that we're going to need to install to use within our project.…
- How React Native works
- Running an iOS app
- Debugging an app
- Working with components
- Creating style sheets
- Preparing a color list and color info
- Using the navigator
- Fetching data
Skill Level Intermediate
Q: This course was updated on 08/21/2017. What changed?
A: New videos were added that cover Android setup and running the Android emulator. In addition, the following topics were updated: building color info component, fetching data, and incorporating a WebView.