Skip to content

[android] when used as material-top-tab with react-navigation, navigation.navigate may not complete screen transition #910

Open

Description

Environment

package version
@react-navigation/native 7.0.1
@react-navigation/drawer 7.0.1
@react-navigation/material-top-tabs 7.0.1
react-native-pager-view 6.5.0
react-native 0.76.1
expo 20.0.2
node 20
npm or yarn 4

Description

hi! crossposted from react-navigation/react-navigation#12251
I use a custom drawer content to put buttons that navigate to specific screens as material top tabs, which are nested as a drawer screen. since the new arch migration, I observed the sliding transition of the tab screens are 1. too fast; 2. it occasionally does not do a full transition in dev, and almost never in release.
this behavior is not observed in the old arch.
Many thanks for anyone having a look at this!

see the attached video; error occurs toward the very end
https://github.com/user-attachments/assets/42b7e0b4-d784-4ae4-9595-99926aa0126b

Reproducible Demo

My reproducer is adapted from my app, but I trimmed all of my code and left only Bug.tsx as the actual reproducer.
https://github.com/lovegaoshi/azusa-player-mobile/tree/bug

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions