React Native – Text Input

In this chapter, we will show you how to work with TextInput elements in React Native. The Home component will import and render inputs.

App.js

Inputs

We will define the initial state.

After defining the initial state, we will create the handleEmail and the handlePassword functions. These functions are used for updating state.

The login() function will just alert the current value of the state.

We will also add some other properties to text inputs to disable auto capitalisation, remove the bottom border on Android devices and set a placeholder.

inputs.js