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.

Header Text Alignment - IOS

See original GitHub issue

I’m using the Header component, on Android its centered. However, On IOS seems like there’s a top padding which I didn’t add.

code: <Header centerComponent={{ text:'Header', style: { color: Theme.COLORS.TEXT, fontWeight: 'bold', fontSize: Theme.FONT.BIG, }, }} containerStyle={{ backgroundColor: Theme.COLORS.SECONDARY, }} />

Issue Analytics

State:
Created 3 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

pranshuchittoracommented, Dec 15, 2020

Hi @natalyayyad thanks for the demo. I am able to repro this. Raised the PR for the fix 😃

0reactions

natalyayyadcommented, Dec 16, 2020

@pranshuchittora Thank you. @flyingcircle I tried removing SafeAreaView, or replace it with View but the issue remains. What’s the default height of the header seems like it’s 60, right?

Top Results From Across the Web

SwiftUI List/Form Header Alignment… | Apple Developer Forums

Hi there,. With the following code on iOS 15, the header text is aligned with the text within the List or Form: Form...

How to change the Title label text alignment of the section ...

I'm loading the UITableView with two section and I've used viewForHeaderInSection method to set the title for each section. Initially I've set ...

How to set different text alignment to content and header - Grid

Usually, Text Alignment of the Grid content and its header will be same which can be determined by the value given textAlign property...

Text - Lightning Design System

For consistent typography throughout the application, we created text helper classes for headings and body text. About Text#. In our framework, all headings...

Re: DataGrid - How to change column header text alignment ...

onCellPrepared: function onCellPrepared(e){ if(e.rowType == "header" && e.columnIndex == 1){ e.cellElement.css("text-align", ...