scrollview bounces when textinput focused

[dswbx]

Code:

<KeyboardAwareScrollView
    style={{backgroundColor: '#f7f7f7'}}
    enableResetScrollToCoords={false}
    keyboardOpeningTime={300}
>{/* ... */}</KeyboardAwareScrollView>

Needed to add enableResetScrollToCoords, otherwise the ScrollView would have been scrolled to top when Keyboard was dismissed interactively. Also added an higher keyboardOpeningTime, so it scrolls smoother when ScrollView actually needs to be pushed upwards.

As seen in gif above, there is no need for scrollview to be adjusted. How may I prevent this behavior?

[antsmo]

Any ETA on a fix for this? Just run into a similar issue which is probably related.

When switching focus from one input to another it bounces first

[mattychen]

@rssfeed I was able to get around this by removing the React Navigation Header on ios. Does that potentially work for you?

[luco]

Still having this issue.

[femiveys]

I have the same issue.

[avivajohnson]

I was having similar issues with the scrollview bouncing when focusing on a TextInput, and changing

<KeyboardAwareScrollView style={styles.scroll}>
to
<KeyboardAwareScrollView contentContainerStyle={styles.scroll}>

seemed to fix it for me.

[alvaromb]

A temporary workaround is to remove keyboardOpeningTime.

[alvaromb]

I'll be working on this issue this week, thanks for reporting.

[sapjax]

same issue in 0.7.2.

[sapjax]

@alvaromb I found this issue is caused by react-navigation, I add extraHeight={-64} then it works.

[kalraneeraj24550]

how to resolve this issue plz help

[MbF-Sathya]

Still having same issue!. how to solve this?

[krydos]

I'm not sure how it works but negative extraHeight solved the issue for me. Thanks @sapjax. 64 is size of navigation bar?

[sapjax]

@krydos yes, it is.

[Return-1]

Is the negative extraHeight solution the proposed one for this? I can confirm ( as per #340) that this issue still remains

[williamgrosset]

I'm using this library + react-navigation and setting extraHeight={90} with a <TextInput /> at the footer of the screen seemed to work for me (smooth scrolling with no jumps)

[arled]

The same happens with KeyboardAvoidingView but above solution do not work.

[iway1]

Still broken in 2022. One workaround is to set multiline={true} and blurOnSubmit={true}.

If you want to try the negative extra height solution, use the useHeaderHeight hook from @react-navigation/native, since it always has the correct header height.

Also note that the extraHeight solution will cause the library to no longer work with multiline inputs.

No idea how something like this gets marked as closed tbh it's a bug that's never been fixed

[rcfrias]

As @alvaromb mentioned, the final solution to this is:
keyboardOpeningTime={0}