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


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>

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?


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