Focus Text Input

Hi everyone!
I have a multiline input field to fill on a screen page, but when I tap it, the phone keyboard pops up, and the screen slides up and hides the first few lines of the input fields. Also when the text passes the keyboard as I write in it, it disappears behind the keyboard and it scrolls only once it hits the very bottom of the screen.
So I was wondering if there’s any way I can focus the line of text I am writing in, maybe focusing it in the center of the screen as the keyboard pops up.
Thankyou!

1 Like

No but you could experiment putting “spacers” (empty components) beneath the input field to help push it up more above the keyboarx. Empty scroll view components used to work well for me, but you could try anything. I dont know of a guaranteed solution you just have to experiment with it.

2 Likes

Thankyou! I’ll try that :slight_smile:

1 Like

Bumping this question.

Quick overview of my layout:
I have a scroll view that has a list of inputs. The primitive text input field is repeated with a list of objects.
When the primitive text input is set to multiline==false the focus event brings the input into the right spot.
When I set the multiline==true it never focuses on the input again. I mean it never scrolls to the input.

Any idea why this could be happening? What is the difference between the multiline==true and multiline==false?

The difference is that the multiline attribute determines whether a text input field allows multiple lines of text to be entered or only one line. If multiline is set to true, the input field will allow multiple lines of text and will be displayed as a text area. If multiline is set to false, the input field will only allow one line of text and will be displayed as a simple text field.

It is possible that there is an issue with the code handling the focus event when multiline is set to true. Without seeing the full code it is difficult to say for certain what could be causing the problem. Maybe the focus event is designed to only work in the case where multiline is set to false, or maybe there is a bug in the code that is preventing the focus event from functioning correctly when multiline is set to true.

To troubleshoot the issue, you should review the code handling the focus event and see if there is any issue with it when multiline is set to true. You could also try printing debug messages or using a debugger to see how the code is executing and if there is any issue with it.