search

t4t5 / react-native-router

Awesome navigation for your React Native app.
MIT License
1.17k stars 155 forks source link

Transparent Header #50

Open jaulz opened 9 years ago

jaulz commented 9 years ago

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

jssolichin commented 9 years ago

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.

RWOverdijk commented 9 years ago

FYI using transparent does work. backgroundColor: 'transparent'

darkrishabh commented 9 years ago

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