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
Building a Polling App with Socket IO and React.jswith Alex Banks3h 56m Intermediate
React Native Ecosystem and Workflowwith Emmanuel Henri1h 3m Intermediate
React Native: Building Mobile Appswith Steven Emmerich1h 59m Intermediate
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?
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.