Change colored Navbar to Transparent


#1

Hi,

I have two Views currently. The Main View is supposed to have a colored Navigation Bar, and once I navigate I need the Navbar to be transparent. Currently I do have a way figured out and I know there are different approaches to this.

Believe me when I say, I’ve read the other threads. My Main issue is with the Slide to go Back Feature. When sliding back, both Navbars will be transparent until fully slided back. Only then it’ll change to a colored navbar. I don’t know how to fix this.


#2

Maybe disabling the cache for the view will work?

<ion-view cache-view="false" title="View Title">

    ... Content ...

</ion-view>

#3

That’s however not really what I want to do, since the first View is quite heavy to render. I’d rather keep it in Cache.


#4

Yep, I can understand that. Post a CodePen and I’ll have a look at it.

~ Brad


#5

So if I understand, you just need to change the bar-color when changing views?