Angular Ionic 4选项卡图标未正确显示

最近我更新了angular、cordova和ionic版本，从那时起，选项卡图标部分显示。假设我有4个选项卡，当应用程序加载时，会显示第一个和第三个图标。然后，如果我触摸一个“不可见”图标，这意味着如果选择了一个选项卡，图标就会出现。当触摸另一个选项卡时，它会再次消失。将显示所有选项卡标题

感谢您的帮助

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
 <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-circle"> 
</ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"></ion- 
 tab>
<ion-tab [root]="tab4Root" tabTitle="Impostazioni" tabIcon="settings"></ion- 
tab>

---

自2017年9月18日爱奥尼亚团队成立以来，这一直是一个问题

• 在Ionics v4中，Ionion团队

• 但是，
  在iOS上仍然具有这样的行为，即当Ionicon处于未选择状态时，会在Ionicon的名称后面附加“-outline”。在这里，我们看到在单击搜索图标时添加了“-outline”：

这会导致未选中的选项卡上的图标消失

我发现的最简单的解决方法是明确要求材料设计或“md-”。这意味着您不能使用本机iOS图标，但至少它们不会在您身上消失

---

这个问题在上也有描述。

我解决了从ionicons下载svg的问题

<ion-tab-button tab="map">
  <ion-icon src="./assets/icon/map-sharp.svg"></ion-icon>
</ion-tab-button>

<ion-tab-button tab="map">
  <ion-icon src="./assets/icon/map-sharp.svg"></ion-icon>
</ion-tab-button>