-
Notifications
You must be signed in to change notification settings - Fork 24k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[iOS][KeyboardAvoidingView] Using KeyboardAvoidingView inside a ScrollView causes the app the crash when focusing an input #42939
Comments
@lunaleaps I can reproduce this issue using the reproducer mentioned in the description https://github.com/slauzinho/KeyboardAvoidingViewExample. |
@cortinico same issue. Moving KeyboardAvoidingView over a ScrollView fixed my problem with crashing application when clicking on an input (IOS) The crash was happening when publishing the app and on real device. Guideline 2.1 - Performance - App Completeness We discovered one or more bugs in your app. Specifically, login screen was unresponsive. Please review the details below and complete the next steps. Review device details:
|
Kindly check this key in scrollview |
|
That's true. Setting overScrollMode didn't help. |
i dont think its crash, its loop cause mis-use of element. in this case keyboardawarescroll in scrollview; when keyboard is open its trigger to keyboardawarescroll to extend bottom height and put keyboard down and thats circle trigger to scrollview because layout change and also scrollview extends layout and keyboardawarescroll again try to put keyboard to bottom so extend layout and again triggered scrollview. Even i prevent this loop keyboardawarescroll its not working properly, can't arrange keyboard position and content because scrollview. Related part KeyboardAvoidingView.js:
|
Any updates? Also experiencing this - v0.73.4 |
Experiencing the same issue here! RN v0.73.4 as well. The issue indeed seems to be related to being inside a When setting the behaviour to Edit: added more details |
I tried @Navaie's solution. |
Like @kokosky93 , my workaround was to swap the component order to make the So far, everything seems to be working as intended. I also observed that this issue only affected distributions running on real iOS devices. Not reproducible in either ExpoGo or Android builds. |
Thanks buddy! Works! Yes, must change behavior to ="position", else will not scroll. |
We were running into this as well and have temporarily removed the |
Thanks |
Experienced the same thing, I had "react-native": "0.73.6" |
Experiencing the same thing here as well. 0.73.6 |
Any updates in regards to this issue? |
I'm facing this same issue too, using It only freezes on a real iOS device (not all iOS devices either, so far I've been able to reproduce this issue on iPhone SE running latest iOS) - but unable reproduce on simulator/android. Update: Flipping the sequence so that SafeAreaView is encapsulated by KeyboardAvoidingView seems to resolve it - confirmed after testing. "react-native": "0.73.7" |
@shahidrogers If the issue happens solely because of the |
Still happens with react native |
I think I’m experiencing something similar with TextInput inside of a KeyboardAvoidingView on react native 0.74.1. |
Same here.. 0.74.1 |
Same issue here. Problem seems to appear only on "small" device: working perfectly on iPhone 11, crashing on iPhone 13 mini. I'm currently trying to implement this PR in local before it get merged: |
Description
When
KeyboardAvoidingView
inside aScrollView
and focus aTextInput
the app crashes (goes extremely slow).This seems to only happen if the
KeyboardAvoidingView
needs to trigger the animation, if the ScrollView is small it works fine.Testing with react native
0.72.9
the issue doesn't seem to happenSteps to reproduce
yarn ios
React Native Version
0.73.4
Affected Platforms
Runtime - iOS
Output of
npx react-native info
The text was updated successfully, but these errors were encountered: