question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

scrollview bounces when textinput focused

See original GitHub issue

keyboardawaremove mp4

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?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:22
  • Comments:18

github_iconTop GitHub Comments

39reactions
sapjaxcommented, Sep 9, 2018

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

9reactions
MyGuySicommented, Feb 6, 2018

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

feb-06-2018 12-36-06

Read more comments on GitHub >

github_iconTop Results From Across the Web

ScrollView jump up and down on first click or focus
I am using @alentoma/react-native-selectable-text inside a scrollView but when the text get focus or I click on it. The scrollview bounce up ...
Read more >
Avoid Keyboard in React Native Like a Pro
On a screen with KeyboardAvoidingView , when input is focused, it is slightly pushed above the keyboard, but the bottom part of the...
Read more >
ScrollView
When true, the scroll view bounces horizontally when it reaches the end even if the content is smaller than the scroll view itself....
Read more >
ScrollView – React Native | A framework for building ...
When false, tapping outside of the focused text input when the keyboard is up ... When true, the scroll view bounces horizontally when...
Read more >
ScrollView · React Native
When true, the scroll view bounces horizontally when it reaches the end even ... When false, tapping outside of the focused text input...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Hashnode Post

No results found