Isolate the color list component into a separate module to prepare it for use with the Navigator. React Native's Alert component is introduced in this lesson when students handle touch events by displaying an alert message.
- Every example that we have seen has consisted of…a single screen rooted in a view component.…We can create multiple screens…simply by creating new components…that are also rooted in some sort of a view.…We can mount and unmount those views…as the user navigates through the application.…In the next couple of lessons,…we're going to be building toward…adding navigation to our color list application.…First we need to create two views…that we can use as separate screens…that the user can navigate between.…At present, we currently have the application open…in the iPhone 6 simulator.…In the last lesson we actually added AsyncStorage,…so if we reload this application these variables…are being loaded from AsyncStorage.…
What we want to do in this lesson…is we want to isolate the color list component.…So we want to create our own component…for the color list as opposed to…having it be the root component for the application.…We're also going to go ahead and remove…the setting of the background color…from the color list component as well.…
- 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.