React-native-navigation: Blank topBar when navigating to a screen that hides topBar on Android

[MaZchao]

Issue Description

Navigating from a screen that has a topBar to a screen that hides topBar, there's a blank during animation on the last screen. Only appears on Android.

Steps to Reproduce / Code Snippets / Screenshots

// first screen's topBar
topBar: {
  background: {
    color: '#00ff00',
  },
  title: {
    text: 'My Screen'
  },
  animate: false
}

// second screen's topBar
topBar: {
  visible: false,
  drawBehind: true,
  animate: false,
}

---

Environment

• React Native Navigation version: 2.12.0
• React Native version: 0.57.7
• Platform(s) (iOS, Android, or both?): Android
• Device info (Simulator/Device? OS version? Debug/Release?): Android Both

Thank you.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[stale[bot]]

The issue has been closed for inactivity.

[SudoPlz]

This shouldn't be closed, I believe it's a bug.

Setting visible: false should hide the topBar completely, but now it doesn't.

I got it working by also setting drawBehind: true...

This should be reopened.

[rener172846]

I have the same issue. Any solution to fix this issue?

[zabojad]

Still happening with RNN v 2.20.2

[tyuwan]

Also, still happen on 2.21.0, both Android and iOS

[DaveLomber]

Same issue here,
looks weird

any solutions on how to make it prettier ?