2017-08-08 63 views
3

我使用離子3角度並使用離子滾動來放置呈現某些按鈕的水平可滾動區域。代碼如下在android和ios上的離子3角度不同的UI

<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

+0

圖片似乎不工作,你可以上傳到imgur – Ploppy

+0

現在嘗試plz它應該工作 – Vik

+0

我沒有使用Ionic,但溢出似乎被禁用在android上,也許如果你啓用它與CSS'溢出:它會在ios和android ui上運行。 – Ploppy

回答

1

不知道,如果你想要這個,但如果你不希望該應用在每個設備的本機外觀可以使應用程序默認的東西。

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

在這種情況下,它默認爲材料的外觀。

+0

感謝看起來不像我想要的解決方案 – Vik

+1

這是我搜索的解決方案。對於詢問相關問題,還可以+1給@Vik。 –