Android: Material Bottom Tab Nav + Nested Stack Nav causing flicker

[quicksnap]

Note this is a copy paste issue from https://github.com/react-navigation/react-navigation/issues/9560 -- Let me know if anything is missing. Thanks in advance! Awesome library.

Current Behavior

Flickering when switching tabs

Expected Behavior

No flicker! :)

How to reproduce

I've set up a simple example here:

• https://expo.io/@quicksnap/projects/material-bottom-flicker-repro
• https://github.com/quicksnap/material-bottom-flicker-repro

This is the boilerplate Expo init project, but with react-paper and material bottom tab swapped out. Switching to the second tab will cause a flicker on my phone (Android 11, Pixel 3)

This issue may be related: https://github.com/react-navigation/react-navigation/issues/9256

Attached a video of my other project with some colors:

https://user-images.githubusercontent.com/1199742/117392635-542def00-aea7-11eb-9b55-8401d9e48399.mp4

software	version
iOS or Android	Android
@react-navigation/native	5.9.4
@react-navigation/material-bottom-tabs	5.3.15
react-native-paper	4.8.1
react-native	0.63.4
expo	41.0.1
node	16
yarn	1.22.10
react-native-vector-icons	8.1.0

[github-actions[bot]]

Couldn't find version numbers for the following packages in the issue:

• react-native
• react-native-vector-icons
• npm

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

[quicksnap]

Updated

[github-actions[bot]]

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• react-native (found: 0.63.4, latest: 0.64.1)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[quicksnap]

Like many with Expo, I'm somewhat locked in to 0.63.4.

[github-actions[bot]]

Hello 👋, this issue has been open for more than 2 months with no activity on it. If the issue is still present in the latest version, please leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution on workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix the issue.

[quicksnap]

Still a problem

[quicksnap]

[gloredo]

Same problem here.

[palaganaskurl]

Same problem here. I have three bottom tabs, only flickers in the first two tabs, the third one doesn't flicker.

[lukewalczak]

Do the issue still exists on the latest version or material bottom tabs or react native paper?

[GaylordP]

@lukewalczak 5-rc version of react-native-paper fixes the problem :)

[lukewalczak]

@GaylordP glad to hear that, I hope it's working properly on 4.12.5 as well. Closing the issue then.