Блог

Главная - Вопросы по программированию - На панели инструментов не отображается значок. текст изменил свой цвет, а панель инструментов изменила его высоту в Android-Ionic 4

На панели инструментов не отображается значок. текст изменил свой цвет, а панель инструментов изменила его высоту в Android-Ionic 4

#android #icons #toolbar #ionic4 #capacitor

#Android #Значки #панель инструментов #ionic4 #конденсатор

Вопрос:

Я разрабатываю простое приложение, используя ionic 4 с angular, когда я скомпилировал с помощью capacitor и запустил в 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>

на панели инструментов должен быть белый текст и значок корзины

введите описание изображения здесь

Комментарии:

1. Можете ли вы опубликовать код в репозитории?

2. это репозиторий: gitlab.com/javierac87/simple-ionic4-project

3. Я запустил его с помощью конденсатора и вижу белую корзину — черного текста нет.

4. Можете ли вы сказать мне, какие именно версии capacitor, angular cli, android SDK и ionic cli вы использовали? пожалуйста.

Ответ №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