React Native Cookbook - Second Edition

How it works...

In step 8, we defined the TextInput component. In React (and React Native), we can use two types of input: controlled and uncontrolled components. In this recipe, we're using controlled input components, as recommended by the React team.

A controlled component will have a value property, and the component will always display the content of the value property. This means that we need a way to change the value when the user starts typing into the input. If we don't update that value, then the text in the input won't ever change, even if the user tries to type something.

In order to update the value, we can use the onChangeText callback and set the new value. In this example, we are using the state to keep track of the data and ...