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.