在 Ionic 中,当向后滑动时,导航栏变成了空白。

4

父页面:

<ion-view  view-title="my account" >
    <ion-nav-bar class="bar-assertive" align-title="center" ></ion-nav-bar>
    <ion-content >
        <ion-list>
            <ion-item>
                <ion-item  class="item-remove-animate item-icon-left item-icon-right"  type="item-text-wrap"  ui-sref="tab.modipass">
                    <i class="icon ion-ios-unlocked-outline"></i>
                    <div>company profile</div>
                    <i class="icon ion-chevron-right icon-accessory"></i>
                </ion-item>
        </ion-list>
    </ion-content>
</ion-view>

子页面:
<ion-view  view-title="about company" on-swipe-right="closePage()">
    <ion-nav-bar class="bar-assertive" align-title="center">
        <ion-nav-buttons side="left">
            <button class="button button-clear button-light" ng-click="closePage()">
                <i class="ion-ios-arrow-back" style="font-size:20px"></i>
            </button>
        </ion-nav-buttons>
    </ion-nav-bar>
    <ion-content class="padding">
        <ul class="list">
            <li class="item item-text-wrap item-borderless">about company</li>
        </ul>
    </ion-content>
</ion-view>

父页面和子页面都有导航栏,它们具有相同的强调颜色和不同的标题。当从子页面向父页面滑动时,子页面的导航栏变成空白,没有标题、没有颜色。父页面的导航栏是正常的。这种情况只发生在滑动时。请帮忙查看原因。


我有同样的问题,你找到解决方案了吗? - Emmy
1个回答

0

我认为这是Ionic的一个bug,现在我通过添加CSS类来解决它。

ion-nav-bar.hide {
   display: block !important;
}

请记住这只是一个解决方法,请关注this issue以跟踪修复。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接