Build a React Native Application
Setting State in React Native with setState
Autoplay
Up next
Previous
About
Once a user types input into a text box, we want to do something with that input. We'll use setState
to change the value of an array of items in the parent component.
Adding the item to that array using setState
will automatically re-render the components, and will show the new item in the list.
Summary of Content:
- Switch the
TextInput
to aForm
from native base - Convert the hard-coded
items
variable to an array in state - Using
setState
to add an item to an array without mutation - Using react navigation and
goBack
to navigate back in the stack
Instructor
Links
Comments
Lessons in Build a React Native Application
1. Installing React Native and Creating Your First React Native App
02:17
2. Editing the React Native Component to Display Data on the UI

03:20
3. Extracting and Writing React Native Components

03:23
4. Debugging Errors in React Native

03:41
5. Reuse Components with Props in React Native

01:57
6. Make React Native Components Dynamic with State

03:11
7. Dynamically Rendering Components in React Native

Pro
01:28
8. Rendering Lists in React Native with ScrollView and FlatList

Pro
02:06
9. Styling React Native Components

Pro
04:18
10. Layout Components in React Native with Flexbox

Pro
03:28
11. Installing and Using Third Party React Native Libraries

Pro
03:31
12. React Native Routing and Navigation with the React Navigation Library

Pro
03:48
13. Reacting to Input Events with React Native Controlled Components

Pro
02:23
14. Setting State in React Native with setState

Pro
03:03
15. Exploring Lifecycle Methods in React Native

Pro
02:18
16. Consuming a Node.js HTTP API in React Native

Pro
05:16
17. Displaying Images and Icons in React Native

Pro
04:26
18. Deleting a ToDo Item from a React Native List

Pro
01:31
19. Refactoring Network Code into a React Native Shared Library

Pro
01:38
20. Platform Specific React Native Code and Styles

Pro
03:13
21. Filtering Data with a React Native Segment Component

Pro
02:01
22. Deploying a React Native Application to a iOS or Android Device

Pro
02:17
23. Building a React Native Android APK for Google Play

Pro
02:12
24. Building a React Native iOS IPA file for the App Store

Pro
01:29

Something went wrong
Lesson added to playlist
Create new playlist
Name can't be empty