question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

(1.0.0-beta7) Header component height issue in android

See original GitHub issue

Hi 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
            centerComponent={<Text>Title</Text>}
          rightComponent={
            <Image source={require('../../assets/images/navbar-logout.png')} />
          }
        />

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

Example: image

Your Environment (please complete the following information):

software version
react-native-elements 1.0.0-beta7
react-native 0.57.5
npm or yarn 6.4.1

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:9

github_iconTop GitHub Comments

1reaction
iRoachiecommented, Nov 15, 2018

Look out for 1.0.0 release

0reactions
iRoachiecommented, Jan 28, 2019

@Theng Please create a new issue, also put the code you’re using along with what device you’re testing on. Cause I’m unable to replicate.

Read more comments on GitHub >

github_iconTop Results From Across the Web

programmatically retrieve Header component height - React ...
Sadly, NativeBase.Header does not expose Height. I faced the same problem and I dove into the code, I realized Height is harcoded in...
Read more >
Unity 2022.1.0b7
Known Issues in 2022.1.0b7. 2D: Clicking scale constraint button on 2D object doesn't apply constraint and throws NullReferenceException ...
Read more >
react-native-screens - npm
This project aims to expose native navigation container components to React Native. It is not designed to be used as a standalone library...
Read more >
Height auto not working on header - HTML & CSS - SitePoint
I have a header wrapped inside of div.wrapper element. The header element doesn't adjust itself to the height to the height of the...
Read more >
How to Resolve a Fluid Header/Footer Problem When the ...
The illustration below shows how the header and footer fail to expand ... to below 960px (which is the size of the content...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found