离子离子图标在android api版本24上没有显示

【问题标题】：ionic ion-icon no showing on android api version 24离子离子图标在android api版本24上没有显示
【发布时间】：2020-05-02 21:36:09
【问题描述】：

我正在尝试使用 ion-icon 组件来显示图标，但是当我在具有 api 版本 24 的 android 模拟器上运行应用程序时，图标没有显示。

使用 chrome 调试应用程序：// 检查，出现 SVG 标记，表明它对文件进行了正确引用，但 SVG 未在用户界面中呈现。

尝试使用不同的 api 版本，它可以正常工作。

api 版本 24 / api 版本 25

离子 v6.4.3 该项目使用 angular 并使用电容器构建。

【问题讨论】：

标签： android ionic-framework icons

【解决方案1】：

我在带有电容器的 ionic 5 中有这个代码，它可以工作，确保您的 ionic 菜单具有 menuId="menu1" 属性，并且您的 ion-button-menu 具有 menu="menu1" 属性。

<ion-header translucent="true" mode="ios" class="ion-no-border">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button menu="first"></ion-menu-button>
    </ion-buttons>
    <ion-title>{{titulo}}</ion-title>
  </ion-toolbar>
</ion-header>
<!--Menu component in conponents/menu-->
<app-menu></app-menu>
<!--content of the page id="principal" here and no in router-link -->

<ion-content id="container" fullscreen="true">

  <!--Personal IOS header  NO CUSTOM-->
  <ion-header collapse="condense" class="ion-no-border">
    <ion-toolbar>
      <ion-title size="large">
        {{titulo}}
      </ion-title>
    </ion-toolbar>
  </ion-header>

【讨论】：