ionic-framework - 工具栏中的 Ionic 4 ion-title 未以 android 为中心

Question

我想知道这是否是一个常见问题。我的 ion-title不在android的工具栏中居中。

我用谷歌搜索了它，但我找不到任何关于 ionic 4 的东西，我确实发现在 ionic 3 中是一个非常好的解决方案。

这里是:https://stackoverflow.com/a/30021395/4983589

我想知道是否有人知道如何在ionic4中做到这一点？

这是它在android上的样子:

Answer 1

ionic v4 保留工具栏标题 左边是安卓设备，中间是IOS设备。

要使用特定行为，您可以使用 mode="md|ios" . md 用于 android 和 ios 用于 IOS 设备。

由于您想将标题放在中心，您可以使用 mode="ios"这将使工具栏标题成为 android 和 ios 设备的中心。

这是我的标题:

<ion-header>
    <ion-toolbar mode="ios">
        <ion-title>
            Add New Rest
        </ion-title>
        <ion-icon slot="end" name="analytics"></ion-icon>
        <ion-buttons slot="start">
            <ion-buttons slot="start">
                <ion-back-button defaultHref="home"></ion-back-button>
            </ion-buttons>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

看看下面的截图