Make all of TextInput clickable

I just went through both of Mosh’s React Native course, but I’m having an issue where the TextInput components are only responding to input and pulling up the keyboard when you click on the placeholder.

Does anyone know how to make the entire TextInput field to respond to having the keyboard appear rather than just a subsection of it? The UX for it seems very counter-intuitive with how it’s currently implemented.

Hi,

If you have followed Mosh’s code, one simple solution is to go to the component AppTextInput.js and add new styles to the default styles by adding a “flex: 1” as shown in the attached screenshot.

Let me know if you need any further assistance.

Cheers,
Seun O.

3 Likes

It worked. Thanks for your help.

Glad :slight_smile: it worked for you.