Skip to content
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

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

Open
lovegaoshi opened this issue Nov 11, 2024 · 4 comments
Labels
android bug Something isn't working fabric

Comments

@lovegaoshi
Copy link

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

@troZee troZee added bug Something isn't working android fabric labels Nov 12, 2024
@infotheme-dev
Copy link

Hi all I found a solution and it's woking like charm look you have to follow one thing here : simply disable newArchEnabled=false in gradle properties, This is a problem with newArch

@lovegaoshi
Copy link
Author

lovegaoshi commented Nov 14, 2024 via email

@infotheme-dev
Copy link

Yes this is for those who are developing things right now, So that they can continue with dev. Did you tried to do a workaround using React Native's backHandler to return false;

@lovegaoshi
Copy link
Author

lovegaoshi commented Nov 14, 2024 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
android bug Something isn't working fabric
Projects
None yet
Development

No branches or pull requests

3 participants