Question

父页面：

<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>

父页面和子页面都有导航栏，它们具有相同的断言颜色和不同的标题。从子项滑回到父级时，子页面导航栏变为空白，没有标题，没有颜色。父页面导航栏是正常的。只有在滑动时才会出现上述情况。请帮忙检查一下原因？

Answer 1

我认为它是Ionic的一个错误，现在我通过添加CSS类来解决它

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

请注意，这是一种解决方法，请按this issue跟踪修复程序。

在离子状态下，当向后滑动时，导航栏变为空白

1 个答案: