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

tabs flicker when one tab statusbar is translucent #10592

Open
3 of 11 tasks
M45ter opened this issue May 16, 2022 · 14 comments
Open
3 of 11 tasks

tabs flicker when one tab statusbar is translucent #10592

M45ter opened this issue May 16, 2022 · 14 comments

Comments

@M45ter
Copy link

M45ter commented May 16, 2022

Current behavior

tabs flicker , margin bottom may statusbar height -> normal

Expected behavior

tabs switch normal

Reproduction

https://github.com/M45ter/tabtest

Platform

  • Android
  • iOS
  • Web
  • Windows
  • MacOS

Packages

  • @react-navigation/​bottom-tabs
  • @react-navigation/​drawer
  • @react-navigation/​material-bottom-tabs
  • @react-navigation/​material-top-tabs
  • @react-navigation/​stack
  • @react-navigation/​native-stack

Environment

"@react-navigation/bottom-tabs": "^6.3.1",
"@react-navigation/native": "^6.0.10",
"@react-navigation/stack": "^6.2.1",

@github-actions
Copy link

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link, a www.typescriptlang.org/play link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

A repro will help us debug the issue. The issue will be closed automatically after a while if you don't provide a repro.

@M45ter
Copy link
Author

M45ter commented May 17, 2022

Record_2022-05-17-10-47-21.mp4

@BubbleTrouble14
Copy link

Got the exact same issue aswell. Would be useful if there is some fix as I would like to use the translucent statusbar with my map.

@M45ter
Copy link
Author

M45ter commented May 25, 2022

Any other reply?

@raajnadar
Copy link
Member

Your reproduction link is taking to some other world, please add a snack.expo.dev repro.

@M45ter
Copy link
Author

M45ter commented May 30, 2022

Your reproduction link is taking to some other world, please add a snack.expo.dev repro.

push to github https://github.com/M45ter/tabtest

@M45ter
Copy link
Author

M45ter commented Jul 20, 2022

bug?

@jeisses
Copy link

jeisses commented Jul 23, 2022

I'm having the same issue, and haven't been able to find a solution for this yet

@codefromrvk
Copy link

Hey Team . Caught up with the same issue. Any solution for this?

@flygomel
Copy link

flygomel commented Dec 4, 2022

need solution

@atlkuk
Copy link

atlkuk commented Jul 13, 2023

Hi, same issue here, someone can help us finding a fix?

@Vikmanatus
Copy link

Hello to everyone,

I am also facing this issue currently on android with react-native 0.66.5 and react-navigation v5.

Did someone found a workaround for this issue ? :)

@sujan-york-ie
Copy link

worked for me if I try to set the translucent in StatusBar using StatusBar.setTranslucent(true);

@one-god
Copy link

one-god commented May 11, 2024

I'm having the same issue,someone can help us finding a fix?

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

No branches or pull requests

10 participants