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.
[native-stack] [iOS]: headerTranslucent doesn't work and causes issues with layout
See original GitHub issueHi,
When adding headerTranslucent: true on iOS, the header does NOT get translucent, but instead, some new issues are caused by it.
Without headerTranslucent:
With headerTranslucent:
Note that the spacing from top is wrong and the content are now under the header (the week strip is not shown). And also the header does not turn translucent.
I’m using react-native-screens@2.0.0-beta.13 and @react-navigation/native-stack@5.0.3
Issue Analytics
- State:
- Created 4 years ago
- Reactions:6
- Comments:29 (14 by maintainers)
Top Results From Across the Web
Transparent background for header using ...
Should I just hide the header and use a View that contains the element that I want? If yes will this cause any...
Read more >Transparent Header – Submenu background color STILL !!! ...
Hi,. I have read the changelog of the astra theme and I just want to tell you so much: the background colors of...
Read more >Supporting safe areas
While React Native exports a SafeAreaView component, it has some inherent issues, i.e. if a screen containing safe area is animating, it causes...
Read more >How to achieve translucent header with scroll items going ...
I got iOS to work super simply using react navigation. But Android, the best I can get is a forever translucent view which...
Read more >How to disable automatic transparent navbar in iOS 15
Because this is enabled by default, it might cause visual issues for your app. I had to fix this in couple apps and...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@sallar setting
contentInsetAdjustmentBehavior="automatic"on ScrollView seems to fix the layout issueWhat behavior do you want to achieve? setting
headerTranslucent: trueon iOS 13 makes the content not respect the header’s height and appears under it. If you want to see the content below the header, use semi-transparent header backgroundColor, e.g.