8000 Screen getting stuck when switching between the tabs while keyboard opened. · Issue #11301 · react-navigation/react-navigation · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
Screen getting stuck when switching between the tabs while keyboard opened. #11301
Open
@rifad4u

Description

@rifad4u

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0