(1.0.0) Header component height issue in android

Am able to reproduce the same issue that i reported earlier in beta version.(https://github.com/react-native-training/react-native-elements/issues/1574#issue-380651167)

I was trying to use the Header component in my app, the header component was working as expected in iOS but in Android I am getting status bar height along with the header component. Is there anyway to remove the status bar height from Android.

Here is the code snippet I have used:

<Header
          backgroundColor='transparent'
          containerStyle={{ width: '100%', backgroundColor: '#3488C0', borderBottomWidth: 0 }}
          leftComponent={{ icon: 'menu', color: '#fff', underlayColor: '#3488C0', onPress: () => this.toggleMenu(), }}
          centerComponent={{
            text: 'My History',
            style: {
              fontSize: 20,
              fontWeight: 'bold',
              fontFamily: Fonts.Lato,
              color: 'white'
            }
          }}
        />

Here is the result I am getting in Android and iOS:

Example: iOS: Android:

Environment :

software	version
react-native-elements	1.0.0
react-native	0.58.4
npm	6.7.0

[GutoLusilo]

I had the same issue. I know it’s kind of a workaround, but I solved this for me adding this prop:

containerStyle={{ paddingTop: 0 }}

[McFly78]

Yes I use react-navigation. I tried on StackNavigator and TabNavigator and have the same issue.

As a workaround I use the following parameter :

statusBarProps={ translucent: true, }