Continue to work on the color list app by creating a reusable color button component that they use to create buttons for many different colors. Alex Banks introduces the ScrollView that allows users to scroll to see more content.
- [Narrator] In the last lesson, we created…this nice-looking button…with the touchable highlight component.…Now, we can reuse this code in a react component,…and it will give us the ability to create…as many buttons as we want.…That's one of the benefits of using React.…We already know how to compose components,…so we can take code like we've created in the last lesson,…and make it reusable.…Now, I still have the application running…inside of the iPhone 6 simulator.…we're still live reloading.…I also have Atom open to our application files,…and I'm actually looking at the index.ios.js file…that we edited in the last lesson.…
We're going to take this whole touchable highlight,…and make a reusable component…called the ColorButton that we can use.…So, I'm going to go ahead and copy this syntax…by hitting "command C" and placing it on the clipboard,…and then, by hitting "command \" I'm going to open up my files…inside of Atom, and I'm going to go ahead and add a…new folder to the color list.…I'm going to go ahead and add a components folder,…
- 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.