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.
1. What Is React Native?
2. Getting Started
3. Native Components
4. Working with Views
5. Platform APIs
Next steps1m 22s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.