-
-
Notifications
You must be signed in to change notification settings - Fork 523
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
Screen slides all the way up #1005
Comments
It is almost impossible to say anything about it without a reproduction. Could you post a snippet with the simplified code of the buggy screen, even if it is impossible to recreate it? |
@WoLewicki Sorry for the delay. I was waiting for Apple to approve a test version so I could let a user who faced this issue test. I adding Keyboard.dismiss() when the component is destroyed but that didn't help so I guess I can cross out the theory of the keyboard being the issue. Here is some code: App has AuthStack. AuthStack includes Sign Up and Sign In pages (where the error occurs). Let me know if you need me to provide anything else. Thank you very much App
AuthStack
Sign Up
|
Update. The issue still happens without using |
@babyrusa thanks for updating on the issue! Could you group the code you provided into a repository so everyone can work on the exact same code when trying to resolve it? Having only parts of code makes it very hard to draw specific conclusions and reproduce the issue consistently. |
@wkozyra95 hi. Do you need me to provide the full "react-native" framework or just the components? |
I am not sure what you mean by those. The best would be a simple |
Ye didn't know if I have to make an actual react-native project that you could install and run on your phone/simulator or just structured the code I gave above into a folder so you know where the mentioned components are |
I'm making a snack so hopefully that will help |
@WoLewicki Can you try this https://snack.expo.io/@babyrusa/screen-slide-error ? The issue happened on IOS and on the "Verification Code" screen (like in the short video I attached) .Thank you |
I continued to remove different elements and asked my user to help me test and it was determined to be because of |
It's likely to be caused by this bug facebook/react-native#29974 . I was able to reproduce the issue with the iPhone setting in the mentioned issue |
Description
Hello. This is a very odd issue as it only occurs to maybe like 0.01% of the users. I'm unsure if this is related to the Keyboard/
KeyboardAvoidingView
,react-navigation
or react screens, or thereact-native-confirmation-code-field
library that I'm using but I'm going to post here just in case anyone has encounter.I attached the video.
https://user-images.githubusercontent.com/57869783/124852243-e3638b80-df58-11eb-9d08-9064bd8887e2.mp4
Let me know what other info You need me to provice
Expected behavior
You can see as soon as the user clicks "Verify phone", it was supposed to show the verification boxes with the keyboard (like any authentication process)
Actual behavior
but in this rare case, the screen slides all the way up and there is no way to navigate to anywhere. It was reported to us by 4 users on iPhone, and they all have the newest ISO 14. I suspect it could either be because of the Keyboard not being dismissed or react navigation is acting up. I should emphasize that we have thousands of users but only heard from 3. It's odd it it does happen and I cannot reproduce this issue no matter how much I test.
Snack or minimal code example
Package versions
"react": "16.13.1",
"react-native": "^0.64.0",
"react-native-screens": "^2.17.1",
"react-native-confirmation-code-field": "^6.5.1",
"@react-navigation/stack": "^5.14.2",
"@react-navigation/bottom-tabs": "^5.11.7",
"@react-navigation/native": "^5.9.2",
The text was updated successfully, but these errors were encountered: