Everytime i change states using <ion-tab> my image in header re rendering


#1

I’m using ionic tabs theme, in my index.html i’ve got my and like this:

`













`

and i’ve got tabs.html which is my abstract state like this:

`<ion-tabs class="tabs-icon-top tabs-color-active-positive">

<ion-tab class="myTabs" title="{{'news' | translate}}" icon-off="news-icon" icon-on="active-news-icon" href="#/tab/news">
<ion-nav-view name="tab-news"></ion-nav-view>
<ion-tab class="myTabs" title="{{'forum' | translate}}" icon-off="forum-icon" icon-on="active-forum-icon" href="#/tab/forum">
<ion-nav-view name="tab-forum"></ion-nav-view>
<ion-tab class="myTabs" title="{{'market' | translate}}" icon-off="shop-icon" icon-on="active-shop-icon" href="#/tab/shop">
<ion-nav-view name="tab-shop"></ion-nav-view>
<ion-tab class="myTabs" title="{{'checkState' | translate}}" icon-off="check-icon" icon-on="active-check-icon" href="#/tab/technique">
<ion-nav-view name="tab-technique"></ion-nav-view>
<ion-tab class="myTabs" title="{{'aboutUs' | translate}}" icon-off="teach-icon" icon-on="active-teach-icon" href="#/tab/aboutUs">
<ion-nav-view name="tab-aboutUs"></ion-nav-view>
</ion-tabs>`

Everytime i’m change state using tab navigation, my is re rendering and it creates an ugly visual effect, so maybe someone know how to fix this issue?
Thanx!


#2

I’m having the same problem, just with text instead of an image. It looks pretty awful. Did you ever find a solution?