在iOS设备上运行时，离子条形标题不居中

Question

我正在使用Ionic为Android和iOS构建应用程序 我在视图中使用bar-header作为标题：

<ion-view view-title="Home" class="tab-home">
    <ion-content class="padding">
        <div class="bar bar-header bar-positive">
            <div class="h1 title">The European Experience</div>
        </div>
        <div class="bar bar-subheader bar-stable">
            <h2 class="title">Companion App</h2>
        </div>
        <div class="content has-header padding">
            ...
        </div>
    </ion-content>
</ion-view>

当我的浏览器显示ionic serve -l时，标题会正确显示：

在真正的Android设备上运行时，它也能正常运行： 但是当我在iOS设备（物理或模拟器）上运行应用程序时，标题不是垂直居中的：

我尝试添加CSS以明确指定vertical-align或text-align，但没有成功。

有什么可以解释这个问题？如何将标题置于此标题内？

Answer 1

这种问题很常见，具体取决于您使用的Ios / Ionic版本， 你尝试过使用标签吗？ ion-header-bar