在Ionic 4上看不到工具栏的后退箭头图标

Question

<ion-toolbar color="dark">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Home
    </ion-title>
</ion-toolbar>

在上述ionic4代码中看不到菜单图标

Answer 1

您需要在Ionic 4中明确添加它：

<ion-header>
    <ion-toolbar color="dark">
        <ion-buttons slot="start">
            <ion-menu-button autoHide="true"></ion-menu-button>
            <ion-back-button [defaultHref]="defaultHref"></ion-back-button>
        </ion-buttons>
        <ion-title>Home</ion-title>
    </ion-toolbar>
</ion-header>

您可以为没有历史记录的情况设置默认路径：defaultHref = '/some/route/';

如果这不起作用，请仔细检查您的angular.json配置是否包含以下内容：

{
    "assets": [
        {
            "glob": "**/*",
            "input": "src/assets",
            "output": "assets"
        },
        {
            "glob": "**/*.svg",
            "input": "node_modules/ionicons/dist/ionicons/svg",
            "output": "./svg"
        }
    ]
}

Answer 2

请尝试更改“后退”按钮的颜色，因为您为工具栏提供了深色，因此可能会因此而被隐藏。