android - android 和 ios 上的 ionic 3 Angular 不同的 UI

Question

我正在使用 ionic 3 angular 并使用 ion-scroll 放置一个水平可滚动区域来呈现一些按钮。代码看起来像

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

这在 ios 上看起来很完美，但在 android 上呈现的按钮大小是固定的，因此文本被剪切。

请看截图https://www.dropbox.com/s/0amwir62acliccn/Screenshot%202017-08-08%2015.32.21.png?dl=0

Answer 1

不确定您是否需要此功能，但如果您不希望应用程序具有每台设备的原生外观，您可以将应用程序设置为默认值。

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

在这种情况下，它默认为 Material 外观。