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