React-native-navigation: Background color of topBar is dark grey, even though it's set to 'transparent' (iOS 12)

[timjuenemann]

Issue Description

Background color of topBar is dark grey, even though it's set to 'transparent' (iOS 12)

Steps to Reproduce / Code Snippets / Screenshots

options: {
    ...
    topBar: {
      drawBehind: true,
      noBorder: true,
      borderHeight: 0,
      elevation: 0,
      background: {
        color: 'transparent',
      },
      leftButtonColor: '#000',
      rightButtonColor: '#000',
      backButton: {
        color: '#000',
      },
    },
    ...
  },

---

Environment

• React Native Navigation version: 4.0.6
• React Native version: 0.61.5
• Platform(s) (iOS, Android, or both?): iOS 12.4
• Device info (Simulator/Device? OS version? Debug/Release?): On iPhone 5S with iOS 12.4

[manuhook]

Fixed on 4.0.7 =)

[manuhook]

Hmm in fact it's not completly fixed :
on iOS 12 with 4.0.7 or 4.0.8 when you push a screen with a topbar transparent it's fine
but if you pop on a screen with a topbar transparent, the topbar is becoming black

it's easy to test by pushing 2 screen with transparent topbar, when you pop the second screen, the topbar on the first screen is becoming black.

@yogevbd please can you have a look ?

[yogevbd]

Fixed in https://github.com/wix/react-native-navigation/commit/2ad41f3adb9883fa20f1d52fcbbc6fd0750976f9 and available in 4.0.9