Ionic 4上无法看到工具栏后退箭头图标

问题描述 投票:0回答:2
<ion-toolbar color="dark">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Home
    </ion-title>
</ion-toolbar>

上述ionic4代码中不显示菜单图标

ionic4
2个回答
2
投票

您需要在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"
        }
    ]
}

0
投票

尝试更改后退按钮的颜色,因为您将颜色设置为黑色到工具栏,因此可能会隐藏它。

© www.soinside.com 2019 - 2024. All rights reserved.