Как использовать PNG изображения в качестве значка вкладки в ionic-4 - PullRequest
Новая
       17

Как использовать PNG изображения в качестве значка вкладки в ionic-4

0 голосов
/ 28 октября 2018

Уже два дня я ищу решение заменить иконки ion-tabs на png, я нашел много ответов и в стеке, но он не работает с ionic-4 .

Я следовал этому ответу от вымогателей в этой ссылке

, которая работает при использовании SVG и только с черными заливками.Однако я хотел бы настроить изображение с многоцветной в формате PNG.

Ответы [ 2 ]

0 голосов
/ 07 мая 2019

Вы можете использовать событие ionTabsDidChange 

<ion-tabs (ionTabsDidChange)="tabChange($event)">
    <ion-tab-bar slot="bottom">
        <ion-tab-button tab="tab1">
            <!--<ion-icon name="flash"></ion-icon>-->
            <img src="../../assets/icon/tab/course_on@3x.png" *ngIf="selectTab==='tab1'">
            <img src="../../assets/icon/tab/course_off@3x.png" *ngIf="selectTab!=='tab1'">
            <ion-label>Tab1</ion-label>
        </ion-tab-button>
        <ion-tab-button tab="tab2">
            <!--<ion-icon name="apps"></ion-icon>-->
            <img src="../../assets/icon/tab/record_on@3x.png" *ngIf="selectTab==='tab2'">
            <img src="../../assets/icon/tab/record_off@3x.png" *ngIf="selectTab!=='tab2'">
            <ion-label>Tab2</ion-label>
        </ion-tab-button>
    </ion-tab-bar>
</ion-tabs>

selectTab = 'tab1';
    tabChange(e) {
        this.selectTab = e.tab;
    }
0 голосов
/ 28 октября 2018

решение от вымогательства по предоставленной мною ссылке работало. проблема была только в моем браузере

...