Add the capability to collect text input from the user in this video lesson by constructing a form component that incorporates a TextInput component.
- [Narrator] React data comes packed with components…that you can use to collect input from the user.…In this next lesson we will collect some text from…our users using the text input component.…Now I'm picking up right where I left off…and I already have my application…running in the iPhone six simulator.…The last lesson we actually added this list view.…So that we can display a whole list of color buttons.…I also have the code running here,…here's my index dot IOS dot JS.…So this is the file that incorporates the list view.…And for the sake of sanity we're just going to delete some…of the colors from the list view.…
So we can come down to line 19, the available colors array…and we can actually delete everything…after the first three colors.…And then we'll only see yellow, green and red.…So what we're going to do is we're…going to add a form to this list view.…That will allow the user to insert colors…while the application is running.…So let's go ahead and open up our files.…We can do so by holding command, backslash.…
- 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.