How to remove extra spaces made when view being scrolled to the input

[bryanltobing]

Current behavior (Both ios and android)

Screen.Recording.2023-07-22.at.20.19.27.mov

There is an extra spaces made below the container after the view scrolled to the input

I'm not sure this is intentional or not. but i'm currently finding a way to remove it.

Also, when the view is scrolling the input, is it possible to configure it so that the view scrolls exactly to where the bottom of the input position is? I believe the library adds some offset or spaces so that it scrolls slightly below the active input

Expected behavior:

I use keyboardavoidingview for this with behavior height but this only works on ios.

Screen.Recording.2023-07-22.at.20.27.27.mov

[mateusz1913]

👋 @bryanltobing, the answer to your first question is the bottom safe inset - it's intentional, as there's no sense from the UX perspective to put any UI element that is interactive (e.g. button or input) below the bottom safe inset.

Regarding the second question, it's hard to say, there're many factors that can play their role when computing that scroll offset. From the UI/DOM structure of your form, to the position of the scrollview.
What you can do is try to use AvoidSoftInput.setAvoidOffset function and see if it will work in your case