React-native-navigation: Remove gradient on Android translucent navbar

[switchtrue]

Issue Description

I tried raising this issue on Stack Overflow but got no answer so I'll try here...

I want to render behind the toolbar, to do this I am setting:

drawUnderNavBar: true,
navBarTranslucent: true, 

This works in terms of being able to draw behind the toolbar and I seem to need navBarTranslucent: true for it to work.

However, when I set navBarTranslucent on Android the toolbar seems to get a gradient from somewhere.

I want it to look like this:

But instead I get:

If I also add navBarTransparent: true then you can see that the gradient is still there.

How do I keep the ability to draw behind the navbar but not have the gradient/shadow colour?

Steps to Reproduce / Code Snippets / Screenshots

drawUnderNavBar: true,
navBarTranslucent: true, 

---

Environment

• React Native Navigation version: 1.1.331
• React Native version: 0.51.0
• Platform(s) (iOS, Android, or both?): Android
• Device info (Simulator/Device? OS version? Debug/Release?): ALL

[pqkluan]

Try this

static navigatorStyle = {
  drawUnderNavBar: true,
  navBarTransparent: true,
  navBarTranslucent: Platform.OS === 'ios',

  topBarElevationShadowEnabled: false,
  navBarNoBorder: true,
};

[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 version and report back. Thank you for your contributions.

[stale[bot]]

The issue has been closed for inactivity.