Join Samer Buna for an in-depth discussion in this video Using TextInput to implement search, part of React Native Essential Training.
- [Instructor] So let's now think about the search feature.…We'll start with the markup.…Let's add a search text input in here above all the deals,…so that would be in the app component in here.…So if I am rendering a deal list, I'd like the system…to be able to give me a search feature on that.…I don't need the search feature if I'm on a deal detail view…I just need it when I'm on a deal list view.…So I'm going to put this inside of View,…and I'll add a text input.…Now, we can add the text input right here directly,…and start working with that, but this search bar…is going to be a controls component.…
In fact, we should debounce the search…so that the search fires immediately when we type,…but not on every character, and this way we don't…have to have a Submit Search button.…So to isolate all these features,…we'll put them in their own component.…So I'm going to call this component SearchBar…and go implement it.…So we'll add SearchBar under components here,…this is a SearchBar.js.…And this is a React class component, SearchBar.…
- Hello React Native on iOS and Android
- Styling React Native components
- Platform APIs
- Building a simple game app and a data-driven app
- Using the Fetch API
- Creating an animation loop
- Testing on Android
- Changing an app logo and a splash screen
- Using TestFlight with internal testers
Skill Level Intermediate
1. Getting Started
2. React Native Fundamentals
Hello React Native on iOS5m 42s
3. Building a Simple Game App
4. Building a Data-driven App
5. Animation and Gesture Control
- 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.