react-native-router icon indicating copy to clipboard operation
react-native-router copied to clipboard

Published 20 hours ago • verified publisher icon t4t5

Transparent Header

Open jaulz opened this issue 9 years ago • 3 comments

When adding the style backgroundColor: 'rgba(0, 0, 0, 0)' to the header, the header is shown as white instead of transparent.

jaulz avatar Jul 25 '15 11:07 jaulz

I don't think transparencies work at all. There seems to be a white opaque view below the router such that the router never reveals what is below it. You can confirm by doing backgroundColor: 'rgba(0, 0, 0, .5)' and seeing that the bar just becomes gray, and not transparent.

It would be nice if this could be fixed though.

This could be related to the fact that even if you do a white background color, the status bar text remains white and is unreadable.

jssolichin avatar Aug 08 '15 21:08 jssolichin

FYI using transparent does work. backgroundColor: 'transparent'

RWOverdijk avatar Sep 02 '15 19:09 RWOverdijk

take a look at this fork .. you can hide the navigation bar and just create this look as a component https://github.com/darkrishabh/react-native-router/ check the commits to know better. BTW, I would recommend you to fork it and then use it. I use it for my custom usage and it may change in future

darkrishabh avatar Oct 28 '15 23:10 darkrishabh