Clever Geek Handbook

Ionic 3 angular different UI on android and ios

I am using ionic 3 angular and using ionic scrolling to place a horizontal scrollable area that displays some buttons. the code looks like

<ion-scroll scrollX="true" style="width:100vw;height:49px">
            <ion-row nowrap >
            <button *ngFor="let item of messageQueue.shortcutList" ion-button small round (click)="processShortcut(item.action)">{{item.action}}</button>
            </ion-row>
        </ion-scroll>

this looks great on ios, but on android the size of the rendered button is fixed and so the text is clipped.

see screenshot https://www.dropbox.com/s/0amwir62acliccn/Screenshot%202017-08-08%2015.32.21.png?dl=0

+3


source to share


1 answer


Not sure if you want this, but if you don't want the app to have a different look and feel for each device, you can make the default app something.

imports: [
    IonicModule.forRoot(MyApp,{
        mode: 'md'
    })
],


In this case, the default is the appearance of the material.

+1


source






More articles:


All Articles