用了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

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐