ionic4踩坑记

用了ionic4 四个月了，遇到的坑今天整理一下

1.标题栏的返回按钮ion-back-button，在页面刷新后不显示

目前解决办法是重新写返回按钮

<ion-buttons  class="backIcon" slot="start">
  <ion-button (click)="canGoBack()">
    <ion-icon slot="icon-only" name="ios-arrow-back" color="light"></ion-icon>
  </ion-button>
</ion-buttons>

2.ion-tabs组件，tab连续多次点击会出现页面返回按钮不显示的问题

解决办法：重新封装标题栏的返回按钮

3.android7.0或者低版本的机型，首次进入加载特别慢

解决办法：打包时将代码压缩
配置package.json

 "scripts": {
    ...
    "build": "ng build --prod --build-optimizer --configuration=production",
    ...
  },

4.android7.x版本和部分android8.x版本标题栏设置的背景色不生效

在global.css中设置：

ion-toolbar {
    --ion-color-primary:#000 !important;
}

ion-title{
    text-align: center !important;
    --color:#fff !important;
}

ion-header{
    ion-toolbar {
        --background: #FE3720 !important;
    }
}

一定要加!important