工具栏不显示图标。在 Android-Ionic 4 中，文本改变了他的颜色，工具栏改变了他的高度

Question

我正在使用 ionic 4 和 angular 开发一个简单的应用程序，当我在 android 中使用电容器和运行进行编译时，工具栏发生了变化。显示不正确。文本从白色变为黑色，垃圾桶图标不显示，工具栏的高度增加。其他功能正常工作

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/recipes"></ion-back-button>
    </ion-buttons>
    <ion-title>recipe-detail</ion-title>
    <ion-buttons slot="primary">
      <ion-button (click)="onDeleteRecipe()"><ion-icon name="trash" slot="icon-only"></ion-icon></ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

工具栏应该有白色文本和垃圾桶图标

Answer 1

代码库按预期工作，这是我的信息：

Ionic:
   ionic (Ionic CLI)             : 4.12.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.2.0
   @angular-devkit/build-angular : 0.13.8
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.8
   @ionic/angular-toolkit        : 1.4.1

Capacitor:
   capacitor (Capacitor CLI) : 1.0.0-beta.19
   @capacitor/core           : 1.0.0-beta.19

Cordova:
   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (0 plugins total)

System:

   Android SDK Tools : 26.1.1 (/Users/jayordway/Library/Android/sdk)
   ios-deploy        : 1.9.4
   NodeJS            : v10.14.2 (/usr/local/bin/node)
   npm               : 6.9.0
   OS                : macOS Mojave
   Xcode             : Xcode 10.2 Build version 10E125

工具栏不显示图标。在 Android-Ionic 4 中，文本改变了他的颜色，工具栏改变了他的高度

The toolbar not show icon. the text changed his color and toolbar altered his height in Android-Ionic 4

icons

android

toolbar

ionic4

capacitor