scrollview bounces when textinput focused
See original GitHub issueCode:
<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:
- Created 6 years ago
- Reactions:22
- Comments:18
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
Top Related Hashnode Post
No results found
@alvaromb I found this issue is caused by react-navigation, I add
extraHeight={-64}
then it works.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