Open
Description
Current behavior
Tabs are becomes unresponsive when switching between the tabs while keyboard is open.
And this issue will go if i disable the keyboard avoiding view from the main screen.
In my real project the tabs are getting stuck in the transition between tabs
Please find the attached video for the better understanding.
Untitled.mov
I'm attaching snack link below, but the issue is not occuring in snack , but am getting this issue in xcode simulator as well as in the real device.
Expected behavior
Screen should be responsive and do not cause any ui issues.
Reproduction
https://github.com/rifad4u/KeyboardIssue.git
Platform
- Android
- iOS
- Web
- Windows
- MacOS
Packages
- @react-navigation/bottom-tabs
- @react-navigation/drawer
- @react-navigation/material-top-tabs
- @react-navigation/stack
- @react-navigation/native-stack
- react-native-tab-view
Environment
- [] I've removed the packages that I don't use
package | version |
---|---|
@react-navigation/native | "^6.1.6" |
@react-navigation/material-top-tabs | "^6.6.2" |
@react-navigation/stack | "^6.3.16" |
@react-navigation/native-stack | "^6.9.0" |
react-native-safe-area-context | "^4.5.0" |
react-native-screens | "^3.20.0" |
react-native-gesture-handler | "^2.9.0" |
react-native-reanimated | "^3.0.2" |
react-native-tab-view | "^3.5.1" |
react-native-pager-view | "^6.1.4" |
react-native | "0.70.7" |
node | v14.21.3 |
npm or yarn | 6.14.18 |